jQuery图片平滑切换插件-EasySlider

EasySlider是jQuery的一个插件,它可以轻松实现类似淘宝首页切换图的效果.
下面我们来看看实现方法:

1.我们需要一个放置图像的列表:

<div id=”slider”>
  <ul>    
   <li><a href=”#”><img src=”images/01.jpg” alt=”Css Template Preview” /></a></li>
   <li><a href=”#”><img src=”images/02.jpg” alt=”Css Template Preview” /></a></li>
   <li><a href=”#”><img src=”images/03.jpg” alt=”Css Template Preview” /></a></li>
   <li><a href=”#”><img src=”images/04.jpg” alt=”Css Template Preview” /></a></li>
   <li><a href=”#”><img src=”images/05.jpg” alt=”Css Template Preview” /></a></li>   
  </ul>
 </div>

2.载入javascript:

<script type=”text/javascript” src=”js/jquery.js”></script>
<script type=”text/javascript” src=”js/easySlider.packed.js”></script>

3.激活事件:

<script type=”text/javascript”>
 $(document).ready(function(){ 
  $(“#slider”).easySlider();
 });
</script>

4.调用:

<pre>$(document).ready(function(){ 
 $(“#slider”).easySlider();
});</pre>

效果:
demo

下载:EasySlider & demo