圖片定時顯示效果

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


<!--禁止鼠標選中文字


用js可以在頁面中寫 onselectstart="return false"-->
<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>



發佈了4 篇原創文章 · 獲贊 7 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章