JS控制两个不同DIV的内容交替显示代码:

请将下面的代码复制并保存,看效果。

<!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>JS控制两个不同DIV的内容交替显示</title>
</head>
<body>
<div id=demo1>
<script language=”javascript”>这里是想显示的内容一</script>
</div>
<div id=demo2 style=”display:none;”>
<script language=”javascript”>这里是想显示的内容二</script>
</div>
<script>
var inter;
function qswhMarquee(){
if(document.getElementById(“demo1″).style.display==””) {
document.getElementById(“demo1″).style.display=”none”;
document.getElementById(“demo2″).style.display=””;}
else {
document.getElementById(“demo2″).style.display=”none”;
document.getElementById(“demo1″).style.display=””;
} }
inter=setInterval(qswhMarquee,25000); /*设置间隔秒数*/
</script>
</body>
</html>

此文为本站原创,转载请标明出处:www.3code.cn 酷码资源

分类: 精选JS

寒林

www.3code.cn 专注WordPress企业主题