欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

html照片輪換代碼

黃文隆2年前8瀏覽0評論

HTML照片輪換是一種很流行的網(wǎng)頁設(shè)計技術(shù),可以讓網(wǎng)頁更加生動和有趣。下面是一段常用的HTML照片輪換代碼,可以作為參考:

<html>
<head>
<script type="text/javascript">
var images=["pic1.jpg","pic2.jpg","pic3.jpg","pic4.jpg","pic5.jpg"];
var index=0;
function rotateImage(){
index++;
if(index==images.length){
index=0;
}
document.getElementById("rotatingImage").src=images[index];
setTimeout("rotateImage()",3000);
}
window.onload=rotateImage;
</script>
</head>
<body>
<img id="rotatingImage" src="pic1.jpg" alt="rotating image" />
</body>
</html>

上面的代碼中,定義了一個數(shù)組images,其中存放了需要輪換的圖片,還定義了一個index變量,用來記錄當(dāng)前顯示的圖片下標。在rotateImage函數(shù)中,先將index加一,然后判斷是否超出數(shù)組長度,如果超出就將index設(shè)為0,然后通過document.getElementById("rotatingImage").src來修改img標簽的src屬性,從而實現(xiàn)圖片的輪換。最后使用setTimeout函數(shù)讓rotateImage函數(shù)每隔三秒自動執(zhí)行一次,實現(xiàn)自動輪換的效果。