图片定时显示效果

最新推荐文章于 2022-10-06 11:18:36 发布

Cgxh

最新推荐文章于 2022-10-06 11:18:36 发布

阅读量321

点赞数

分类专栏： Js Html 文章标签： xhtml javascript function html div

Js 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

Html

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBaC "-//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="utf-8" />
<title>图片定时显示效果</title>
<script language="javascript" type="text/javascript">

var i=1;
function showImg()
{

for(var j=1;j<6;j++){
if(i==j){
var sd=document.getElementById("num"+i).style.display="block";
}else{
var s=document.getElementById("num"+j).style.display="none";
}
}
if(i!=5){
i++;
}else{
i=1;
}
setTimeout('showImg()',5000);
}

</script>
</head>


<body onselectstart="return false" οnlοad="showImg()">

<div id="num1">1111111111111111</div>
<div id="num2">2222222222222222</div>
<div id="num3">3333333333333333</div>
<div id="num4">4444444444444444</div>
<div id="num5">5555555555555555</div>
<embed src="http://player.youku.com/player.php/sid/XMjc4MDIxODIw/v.swf" quaaty="high" width="480" height="400" aagn="middle" allowScriptAccess="sameDomain" type="appacation/x-shockwave-flash"></embed>

</body>
</html>