亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

誰講講這個圖片切換效果流程沒看懂源代碼

誰講講這個圖片切換效果流程沒看懂源代碼

幻滅丶 2016-06-13 10:34:01
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>無標題文檔</title> <script> ????window.onload?=?function?()?{ ????????var?oImg?=?document.getElementById('img1'); ????????var?arr?=?['img/1.jpg',?'img/2.jpg',?'img/3.jpg',?'img/4.jpg']; ????????var?num?=?0; ????????oImg.onclick?=?function?()?{ ????????????//?num?=?num?+?2; ????????????//?num?+=?2; ????????????num++; ????????????if?(num?==?arr.length)?{ ????????????????num?=?0; ????????????} ????????????//?alert(?arr[num]?); ????????????oImg.src?=?arr[num]; ????????}; ????}; </script> </head> <body> <img?id="img1"?src="img/1.jpg"?width="400"?height="400"?/> </body> </html>
查看完整描述

1 回答

已采納
?
剛毅87

TA貢獻345條經驗 獲得超309個贊

<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>無標題文檔</title>
<script>
????window.onload?=?function?()?{
????		//獲取圖片
????????var?oImg?=?document.getElementById('img1');
????????//將?4個圖片的地址?src?放入數組arr?中,從1到4,分別對應下標0-3
????????var?arr?=?['img/1.jpg',?'img/2.jpg',?'img/3.jpg',?'img/4.jpg'];
????????//記錄下標
????????var?num?=?0;
?		//點擊事件
????????oImg.onclick?=?function?()?{
????????????//每點擊一次,下標加1
????????????num++;
????????????//當?num?=?4時,將0賦值為?num,?從頭開始
????????????if?(num?==?arr.length)?{
????????????????num?=?0;
????????????}
????????????//將img/1.jpg-img/4.jpg賦值給?img?的?src
????????????oImg.src?=?arr[num];
????????};
?
????};
?
</script>
</head>
?
<body>
?
<img?id="img1"?src="img/1.jpg"?width="400"?height="400"?/>
?
</body>
</html>

? ? ?

查看完整回答
2 反對 回復 2016-06-13
  • 1 回答
  • 0 關注
  • 1535 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號