一个页面的问题,请高手解决

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>

这样是多个时就出错了,我试着写了个循环也没解决,请高手帮忙
...全文
159 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
szjq 2007-04-28
  • 打赏
  • 举报
回复
谢谢,帮大忙了
孟子E章 2007-04-28
  • 打赏
  • 举报
回复
<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() {
for(j = 1;j<5;j++)
document.getElementById("line" + j).style.visibility = "visible";
if (i<6) {
for(j = 1;j<5;j++)
document.getElementById("line" + j).style.color = colors2[i];
i++;
timerID2 = setTimeout( "fLi2()", 100);
}
else {
i=0;
for(j = 1;j<5;j++)
document.getElementById("line" + j).style.visibility="hidden";
TimerID2=setTimeout("fLi2()",500);
}
}
</script><br>
<span id=line1 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=line3 style="container:positioned; position=relative;color=33ff33; visibility=hidden;">
测试</span>
<span id=line4 style="container:positioned; position=relative;color=33ff33; visibility=hidden;">
测试</span>
孟子E章 2007-04-28
  • 打赏
  • 举报
回复
<span id=line1 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=line3 style="container:positioned; position=relative;color=33ff33; visibility=hidden;">
测试</span>
<span id=line4 style="container:positioned; position=relative;color=33ff33; visibility=hidden;">
html 高手解决