具體內容如下
知識點:
1.window.onload網頁全部加載完后再執行
2.獲取元素 設置屬性
3.臨界情況判斷
運行效果:
點擊上一張下一章切換圖片
代碼:
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><style>#box{width:1200px;margin:0auto;}</style><body><pid="box"><imgid="icon"src="images/阿魯1.gif"alt=""><p></p><buttonid="prep">上一張</button><buttonid="next">下一張</button></p><script>window.onload=function(ev){//1.獲取標簽varprep=document.getElementById('prep');varnext=document.getElementById('next');varicon=document.getElementById('icon');//2.點擊varcurrentIndex=1,minIndex=1,maxIndex=10;prep.onclick=function(ev1){if(currentIndex===minIndex){currentIndex=maxIndex;}else{currentIndex--;}icon.setAttribute('src','images/阿魯'+currentIndex+'.gif');};next.onclick=function(ev1){if(currentIndex===maxIndex){currentIndex=minIndex;}else{currentIndex++;}icon.setAttribute('src','images/阿魯'+currentIndex+'.gif');}}</script></body></html>看完了這篇文章,相信你對“JS實現圖片切換特效的方法”有了一定的了解,如果想了解更多相關知識,歡迎關注本站行業資訊頻道,感謝各位的閱讀!
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
來源:袁琪會員商店氣溫逐漸回升，夏天天真無邪！終于可以放心吃冰淇淋了！冒著長胖的風險，掃了12家便利店，挑了幾十款2021年的新雪糕，終于帶來了這一波雪糕良心評價。既有牛奶+魷魚等黑暗料理，也有芥末+紫菜、榴蓮+廣藿香的奇妙cp。與一本紅寶書不同的是，這篇文章中的所有冰品都可以在便利店買到?？靵砟闷鹉愕南娜毡?，每天都有新口味，體會冰淇淋的自由。一個星期就不一樣了！前方種草，注意！01 可愛多花花...
微信錢包銀行儲蓄是什么?微信錢包銀行儲蓄是微信和工商銀行共同，儲蓄理財產品，存入資金相當于存入工商銀行，只和工行一家進行合作，選擇空間較小，但未來可能會有變化。產品的最長期限為3年，存款利率可達3.85%，100元起存，單筆不超過5萬。用戶可在微信開通銀行存款賬戶，銀行派發利息。從安全角度出發，工商銀行作為我國四大行之一，抗風險能力較高，加上該產品是存款類，理財風險是很低的。如何把手機零錢轉入綁定...
直播5月10日，歐足聯宣布已經批準歐冠擴軍和賽制改革，從2024/25賽季開始在歐冠聯賽中實行以下形式。歐冠參賽球隊總數從32支擴大到36支，最大的變化是從傳統的小組賽變成包括36支球隊的單一聯賽?，F在每個俱樂部在聯賽階段都會和8個不同的對手打8場比賽，其中主場4場，客場4場。八輪聯賽過后，排名前八的球隊自動晉級歐冠16強，而排名9-24的球隊將進行兩輪附加賽決出剩下的八支16強球隊。多出的四個歐...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）