JavaScript實現網頁輪播，簡單有效
摘要：
先說一下需要的知識 setinterval函式，明白document. getelementsById是什麼意思。
輪播呈現方式多種多樣，鄙人在這裡給出一個比較low的方法，若有大神指教，不甚感激！
思路：
1、在body裡面設定一個img標籤，src路徑暫且不...
先說一下需要的知識 setinterval函式，明白document. getelementsById是什麼意思。
輪播呈現方式多種多樣，鄙人在這裡給出一個比較low的方法，若有大神指教，不甚感激！
思路：
1、在body裡面設定一個img標籤，src路徑暫且不設定，並給img標籤設定id。
2、寫一個function函式，裡面設定src隨著某種變數而改變的條件。
下面擼程式碼！！！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<img id = "image"/>
<script >
function $(id){
return document.getElementById(id);
}
var index=1;
function setSrc(){
$("image").src="./img/"+index+".png";
++index;
if(index==3){
index=1;
}
}
setSrc();
setInterval("setSrc()",500);
</script>
</body>
</html>
在這裡我採用了投機取巧的方式，我的圖片名都是：
讀者可以按照需要改變一下函式的結構
“自己整理了一份最全面前端學習資料,從最基礎的HTML+CSS+JS [炫酷特效，遊戲，外掛封裝，設計模式]到移動端HTML5的專案實戰的學習資料都有整理，送給每一位前端小夥伴, 有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小夥伴歡迎加入學習。”
加Q 裙：956940552（招募中）