這篇文章主要介紹js如何實(shí)現(xiàn)多張圖片每隔一秒切換一張圖片,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
成都創(chuàng)新互聯(lián)公司主營(yíng)振興網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,app軟件定制開發(fā),振興h5小程序開發(fā)搭建,振興網(wǎng)站營(yíng)銷推廣歡迎振興等地區(qū)企業(yè)咨詢
具體內(nèi)容如下
<head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="/plugin/jquery-easyui-1.4.3/jquery.min.js"></script> </head> <body > <div id="carousel" > <div id="tabpic"> <div ><img src="/images/1.jpg" width="400px" height="400px"/></div> <div ><img src="/images/2.jpg" width="400px" /></div> <div ><img src="/images/3.jpg" width="400px" /></div> <div ><img src="/images/4.jpg" width="400px" /></div> </div> <div > <a href="javascript:void(0)" name="tablink" οnclick="div_tab(0)" >1</a> <a href="javascript:void(0)" name="tablink" οnclick="div_tab(1)" >2</a> <a href="javascript:void(0)" name="tablink" οnclick="div_tab(2)" >3</a> <a href="javascript:void(0)" name="tablink" οnclick="div_tab(3)" >4</a> </div> </div> </body> <script type="text/javascript"> function div_tab(tabName){ var tabLinkArr=document.getElementsByName("tablink"); var tabPicArr=document.getElementById("tabpic").getElementsByTagName("div"); for(var i=0;i<tabLinkArr.length;i++){ if(i==tabName){ tabLinkArr[i].style.color="#ff0000"; tabPicArr[i].style.display="block"; } else{ tabLinkArr[i].style.color="#0000ff"; tabPicArr[i].style.display="none"; } } } var i=0; function auto_tab_div(){ //如果切換到最後一張圖片則重新從第一張開始 if(i>3){ i=0; } //每?jī)擅胱詣?dòng)讀取下一張圖片 div_tab(i); i++; } setInterval("auto_tab_div()",1000); </script>
以上是“js如何實(shí)現(xiàn)多張圖片每隔一秒切換一張圖片”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
新聞標(biāo)題:js如何實(shí)現(xiàn)多張圖片每隔一秒切換一張圖片
網(wǎng)頁地址:http://muchs.cn/article44/ihdphe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、網(wǎng)站排名、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站導(dǎo)航、品牌網(wǎng)站建設(shè)、品牌網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)