下载jquery.bxslider
参考地址：www.bxslider.com
引入jquery.bxslider.css和jquery.bxslider.js
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Title</title> <link rel="stylesheet" href="jquery.bxslider/jquery.bxslider.css"/> <style> </style> </head> <body> <!-- http://bxslider.com/ --> <ul class="bxslider"> <li><img src="1].jpg"/></li> <li><img src="2.jpeg"/></li> <li><img src="4.jpeg"/></li> <li><img src="4.png"/></li> <li><img src="5.jpeg"/></li> <li><img src="8.jpg"/></li> <li><img src="9.jpeg"/></li> </ul> <script src="jquery-1.12.4.js"></script> <script src="jquery.bxslider/jquery.bxslider.js"></script> <script> $(document).ready(function () { $('.bxslider').bxSlider(); }); </script> </body> </html>
自己在引入几个图片