index.html 982 B

12345678910111213141516171819202122232425262728293031
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>tSlide-demo</title>
  6. <link rel="stylesheet" href="base.css">
  7. </head>
  8. <body>
  9. <div id="tSlide">
  10. <ul class="bd">
  11. <li><img src="images/T1.jpg"></li>
  12. <li><img src="images/T2.jpg"></li>
  13. <li><img src="images/T3.jpg"></li>
  14. <li><img src="images/T4.jpg"></li>
  15. <li><img src="images/T5.jpg"></li>
  16. <li><img src="images/T6.jpg"></li>
  17. <li><img src="images/T7.jpg"></li>
  18. <li><img src="images/T8.jpg"></li>
  19. </ul>
  20. <div class="page">
  21. <span class="prev">向前</span>
  22. <span class="next">向后</span>
  23. </div>
  24. </div>
  25. <script type="text/javascript" src="jquery.1.12.4.min.js"></script>
  26. <script type="text/javascript" src="./src/jquery.tSlide.min.js"></script>
  27. <script type="text/javascript">
  28. $('#tSlide').tSlide();
  29. </script>
  30. </body>
  31. </html>