[关闭]
@zwh8800 2017-08-23T02:09:10.000000Z 字数 634 阅读 190071

一个方便的 Image_slider 的 jQuery 代码

blog 归档 JS 前端 jquery


UDP, ICMP, IP 协议校验和的计算


  1. <html>
  2. <head>
  3. <script src="script/jquery-1.11.0.min.js"></script>
  4. </head>
  5. <body>
  6. <div id="slider">
  7. <img style="position:absolute" src="images/sliser_bg_img_1.jpg" />
  8. <img style="position:absolute;display:none" src="images/sliser_bg_img_2.jpg" />
  9. <img style="position:absolute;display:none" src="images/sliser_bg_img_3.jpg" />
  10. </div>
  11. <script>
  12. var slider = $("#slider");
  13. var img_list = slider.children();
  14. var current = 0;
  15. setInterval("change()", 3000);
  16. function change()
  17. {
  18. $(img_list[current]).fadeOut(800);
  19. current++;
  20. if (current >= img_list.length)
  21. {
  22. current = 0;
  23. }
  24. $(img_list[current]).fadeIn(800);
  25. }
  26. </script>
  27. </body>
  28. </html>
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注