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.jb51.net/js/jcarousellite2/index.htm打包演示下载：http://www.jb51.net/jiaoben/33787.html

　　推荐阅读

　　javascript与webservice的通信实现代码

在我这里，我选择将xml直接转换为json，以便后续javascript应用的处理。我使用.net平台构建简单的webservice。 Request.asmx 复制代码 代码如下: using System; using System.IO; using System.Collections; using>>>详细阅读

本文标题：jcarousellite.js 基于Jquery的图片无缝滚动插件

地址：http://www.17bianji.com/kaifa2/JS/25148.html

 1/2    1