jcarousellite.js 基于Jquery的图片无缝滚动插件

  1.引入JS库,jquery.js脚本和插件脚本jcarousellite.js。

  

复制代码 代码如下:

  <script type="text/javascript" src="path/to/jquery.js"></script>

  <script type="text/javascript" src="path/to/jcarousellite.js"></script>

  2.需要被展现的HTML结构 div>ul>li>img ,结构比较清晰

  

复制代码 代码如下:

  <div>

  <ul>

  <li><img src="1.jpg" alt="" width="100" height="100" ></li>

  <li><img src="2.jpg" alt="" width="100" height="100" ></li>

  <li><img src="3.jpg" alt="" width="100" height="100" ></li>

  <li><img src="4.jpg" alt="" width="100" height="100" ></li>

  </ul>

  </div>

  3.执行启动脚本

  

复制代码 代码如下:

  $(function() {

  $(".default .jCarouselLite").jCarouselLite({

  btnNext: ".default .next",

  btnPrev: ".default .prev"

  });

  });

  官方网站演示:http://demo.glzy8.com/js/jcarousellite2/index.htm

  打包演示下载:http://www.glzy8.com/jiaoben/33787.html