网页上有4个层让它们定时连续显示代码,JS代码库,德仔网

代码语言

代码分类

【JS】网页上有4个层让它们定时连续显示

作者:dezai / 发布于2013/12/16/ 471

<!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>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　连续显示　

同语言下

可能有用的

dezai贡献的其它代码(1065)