首页>>Jquery图片>>ScrollPic.js图片左右滚动 鼠标经过暂停(2019-08-20)

ScrollPic.js图片左右滚动 鼠标经过暂停

ScrollPic.js图片左右滚动 鼠标经过暂停
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="picCenter">  
  2. <div class="listRotation">  
  3. <div class="informationText">  
  4. <span>ScrollPic.js图片左右滚动 鼠标经过暂停</span>  
  5. </div>  
  6. <div class="photo_nr">  
  7. <a href="javascript:;" id="LeftArr"></a>  
  8. <ul id="picList1" style="width: 888px;overflow: hidden;">  
  9. <li>  
  10. <div class="photo_img"><img src="http://www.freejs.net/demo/demo1.jpg" alt="" /></div>  
  11. <p>image1</p>  
  12. </li>  
  13. <li>  
  14. <div class="photo_img"><img src="http://www.freejs.net/demo/demo2.jpg" alt="" /></div>  
  15. <p>image2</p>  
  16. </li>  
  17. <li>  
  18. <div class="photo_img"><img src="http://www.freejs.net/demo/demo3.jpg" alt="" /></div>  
  19. <p>image3</p>  
  20. </li>  
  21. <li>  
  22. <div class="photo_img"><img src="http://www.freejs.net/demo/demo1.jpg" alt="" /></div>  
  23. <p>image4</p>  
  24. </li>  
  25. <li>  
  26. <div class="photo_img"><img src="http://www.freejs.net/demo/demo2.jpg" alt="" /></div>  
  27. <p>image5</p>  
  28. </li>  
  29. <div style="clear: both;"></div>  
  30. </ul>  
  31. <a href="javascript:;" id="RightArr"></a>  
  32. </div>  
  33. </div>  
  34. </div>  

 


原文地址:http://www.freejs.net/article_jquerytupiantexiao_813.html