本文介绍了一个简单的JavaScript函数，用于周期性地在网页上显示和隐藏不同的HTML区块。通过修改区块的display属性，实现了不同内容之间的轮换显示效果。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh ... [/quote]
[code] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<body>
</head>
<div id="a1" style="border:1px solid #003366; visibility:collapse">11111111</div>
<div id="a2" style="border:1px solid #003366; visibility:collapse">22222222</div>
<div id="a3" style="border:1px solid #003366; visibility:collapse">33333333</div>
<div id="a4" style="border:1px solid #003366; visibility:collapse">44444444</div>
<script type="text/javascript">
function $(str) {return document.getElementById(str);}
var i=1,sid,sid2
function s()
{
for(c=1;c<=4;c++)
{
sid = 'a'+i;
sid2 = 'a'+c;
if (sid2==sid)
{
$(sid2).style.display='block';
}
else
{
$(sid2).style.display='none';
}
}
if (i>=4)
{
i=1;
}
else
{
i++;
}
}
setInterval("s()",2000);
</script>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
