本文實例為大家分享了js實現多張圖片每隔一秒切換圖片的具體代碼,供大家參考,具體內容如下
<head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="/plugin/jquery-easyui-1.4.3/jquery.min.js"></script></head><body style="background-color: pink"> <div id="carousel" style="border:1px solid #000000; float:left; width:400px;"> <div id="tabpic"> <div style="display:block;"><img src="/images/1.jpg" width="400px" height="400px"/></div> <div style="display:none;"><img src="/images/2.jpg" width="400px" /></div> <div style="display:none;"><img src="/images/3.jpg" width="400px" /></div> <div style="display:none;"><img src="/images/4.jpg" width="400px" /></div> </div> <div style="float:right;"> <a href="javascript:void(0)" name="tablink" οnclick="div_tab(0)" style="color:#ff0000;">1</a> <a href="javascript:void(0)" name="tablink" οnclick="div_tab(1)" style="color:#0000ff;">2</a> <a href="javascript:void(0)" name="tablink" οnclick="div_tab(2)" style="color:#0000ff;">3</a> <a href="javascript:void(0)" name="tablink" οnclick="div_tab(3)" style="color:#0000ff;">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(){ //如果切 主站蜘蛛池模板: 日韩av片在线免费观看 | 黄色片免费视频 | 欧美一级黄视频 | 亚洲天堂成人在线观看 | 免费h片| 综合97| 亚洲成人免费电影 | 中文字幕免费播放 | 美女羞羞视频网站 | 久久久www成人免费毛片 | 国产精品久久久久久久久久三级 | 看免费毛片 | 丁香天堂网 | 激情亚洲一区二区三区 | 欧美日韩在线视频一区 | 成人在线视频精品 | 12av毛片| av成人在线免费观看 | 免费国产成人高清在线看软件 | 国产精品久久久久久婷婷天堂 | 黄在线观看 | 精精国产xxxx视频在线野外 | 在线成人www免费观看视频 | 久久免费视频一区 | 欧美18—19sex性护士中国 | 国产视频在线观看一区二区三区 | 成人午夜在线观看视频 | 91成人午夜性a一级毛片 | www.9191.com | 中文字幕精品在线播放 | 深夜激情视频 | 久久在线免费视频 | 女18一级大黄毛片免费女人 | 亚洲一区在线观看视频 | 国产午夜精品久久久久婷 | 久久精品re | 性片网站 | 桥本有菜免费av一区二区三区 | 在线成人av观看 | 成人一区二区三区在线 | 精品国产一区二区三 |