一个页面的问题,请高手解决
szjq 2007-04-28 04:56:31 我想在页面上实现显示和隐藏文字,现在我把文字放在<span></span>之间,可以实现
,但当有多个时就不能实现了,请高手解决
<BODY onload="TimerID2=setTimeout('fLi2()',500)" onunload="clearTimeout(TimerID2)">
<script language="JAVASCRIPT">
colors2 = new Array(6);
colors2[0]="#000000"; // 制定文字变化颜色可增加
colors2[1]="#0000ff";
colors2[2]="#00ffff";
colors2[3]="#ff0000";
colors2[4]="#ffff00";
colors2[5]="#00ff00";
var i=0;
function fLi2() {
line2.style.visibility = "visible";
if (i<6) {
line2.style.color = colors2[i];
i++;
timerID2 = setTimeout( "fLi2()", 100);
}
else {
i=0;
line2.style.visibility="hidden";
TimerID2=setTimeout("fLi2()",500);
}
}
</script><br>
<span id=line2 style="container:positioned; position=relative;color=33ff33; visibility=hidden;">
测试</span>
上面可以实现,当是这样时就不能实现了:
<span id=line2 style="container:positioned; position=relative;color=33ff33; visibility=hidden;">
测试</span>
<span id=line2 style="container:positioned; position=relative;color=33ff33; visibility=hidden;">
测试</span>
<span id=line2 style="container:positioned; position=relative;color=33ff33; visibility=hidden;">
测试</span>
<span id=line2 style="container:positioned; position=relative;color=33ff33; visibility=hidden;">
测试</span>
这样是多个时就出错了,我试着写了个循环也没解决,请高手帮忙