
使用方法引用css样式<link rel="stylesheet" type="text/css" href="css/jquery.slider.css" /><!--[if IE 6]><link rel="stylesheet" type="text/css" href="css/jquery.slider.ie6.css" /><![endif]-->引用js插件<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script><script type="text/javascript" src="js/jquery.slider.min.js"></script>HTML也很简单<div class="slider"> <div><a href="#"><img src="images/d_banner20141007.jpg" alt=""/></a></div> <div><a href="#"><img src="images/d_banner20140729.jpg" alt=""/></a></div> <div><a href="#"><img src="images/2014_5.jpg" alt=""/></a></div> <div><a href="#"><img src="images/2014_3.jpg" alt=""/></a></div> <div><a href="#"><img src="images/2014_4.jpg" alt=""/></a></div> <div><a href="#"><img src="images/2014_2.jpg" alt=""/></a></div> <div><a href="#"><img src="images/2014_1.jpg" alt=""/></a></div> </div>最后调用$(".slider").slideshow({ width: 722, height: 267, transition: ['bar', 'Rain', 'square', 'squareRandom', 'explode'] });