2011-04-12 63 views
0

我不明白为什么这不起作用。我试图让不同的DIV标签在循环中有不同的文本内容。需要帮助修复动态内容的脚本

<script type="text/javascript"> 
var text1 = ['foo', 'bar', 'baz']; 
var i1 = 0, 
var text2 = ['hug', 'kiss001', 'bank22']; 
var i2 = 0, 
$(document).ready(function() 
{ 
    setInterval(function(){ 
      $("#DIV1").fadeOut(function() 
     { 
      $("#DIV1").text(text[i1++ % text1.length]).fadeIn(); 
     }); 
    }, 1000); 
    setInterval(function(){ 
     $("#DIV2").fadeOut(function() 
     { 
      $("#DIV2").text(text[i2++ % text2.length]).fadeIn(); 
     }); 
    }, 1000); 
}); 
</script> 
<div id="DIV1"><div> 
<div id="DIV2"><div> 

回答

0

似乎是一堆语法错误(的text代替text1/text2,没有闭合/ DIV等作品在这里罚款:http://jsbin.com/obaqi4/3

+0

谢谢...这里是页面:http://www.myorphan.com/about.htm如何消除背景褪色我只希望他的文字改变 – Erik 2011-04-12 05:40:03

+0

把你想改变的文本放在一个单独的元素中。 ,而不是'

...
',使用'
...
',然后将#st1_inner的javascript作为目标,并将所有样式应用于外部div。这将确保外部风格在文本淡入淡出和变化时保持不变。 – Sajid 2011-04-12 05:45:01

+0

顺便说一句,问题是淡入/淡出通过设置不透明度来淡化整个元素。为了淡化文本(文本本身不是一个元素),您必须将其包装在仅表示文本的元素中。 – Sajid 2011-04-12 05:45:57