標籤：更改 tar utf-8 script ++ demo1 reset position 檔案名稱
投影片demo1:<!DOCTYPE html><style>div{position:absolute}</style><html><head><meta charset="utf-8" /><title></title></head><body onload="start_timer()"><script>var n = 1; //全域變數，記錄當前圖片的序號var timer = null;//全域變數，計時器//將圖片換成第no張function changeToN(no) {//利用圖片的檔案名稱和序號一致//1 獲得imgvar img = document.getElementsByTagName("img")[0];//2 修改src屬性img.setAttribute("src","img/"+no+".jpg");//3 給對應的div加高亮塞resetdiv();//還原所有的顏色var div = document.getElementById("d"+no);div.style.backgroundColor = "cadetblue";//4 修改全域變數的當前圖片序號n = no;}//每個計時器要執行的代碼function doInTimer(){if(n<5)n++;elsen = 1;changeToN(n);//調用函數，更改圖片}//啟動計時器function start_timer(){if (timer==null)timer = window.setInterval("doInTimer()",2000);}//停止計時器function stop_timer(){window.clearInterval(timer);timer = null;}</script><div style="left:200px; top:200px; width: 300px; height: 200px; background-color: gold;"><img src="img/1.jpg" width="100%" height="100%" onmouseover="stop_timer()" onmouseout="start_timer()" /></div></body></html>
js---投影片
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
