jcarousellite.js 基于Jquery的图片无缝滚动插件
更新时间：2010年12月30日 12:48:01 作者：
基于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.jb51.net/js/jcarousellite2/index.htm
打包演示下载：https://www.jb51.net/jiaoben/33787.html
复制代码 代码如下:
<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
打包演示下载：https://www.jb51.net/jiaoben/33787.html
相关文章
这篇文章主要为大家详细介绍了jQuery元素选择器实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
用JQuery 实现的自定义对话框...2007-03-03
jPlayer是一个JavaScript写的完全免费和开源的jQuery多媒体库插件，这篇文章主要介绍了基于jPlayer三分屏的制作方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这里给大家分享的是使用jQuery实现简单的无缝滚动的效果，其思路是我们通过js控制 ul 标签的margin 来实现滚动。横向滚动则是控制 margin-left ; 纵向滚动则是控制 margin-top;，有需要的小伙伴可以参考下。2015-04-04
jQuery语法高亮插件能够对页面中的各种程序源代码语法着色加亮，并且支持多种语言，在此分享下，感兴趣的朋友可以参考下2013-04-04
Juqery Html(),append()等方法的Bug解决方法
标题中说是jquery中的Bug，只是个人这么认为，先申明一下！2010-12-12
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
这篇文章主要介绍了AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法,需要的朋友可以参考下2014-06-06
这篇文章主要介绍了封装的jquery翻页滚动。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
在该系列之前的文章使用 jQuery：UI 项目中，我介绍了使用 jQuery 代码中的插件来提高 web 应用程序的效率。2010-06-06
使用jquery读取html5 localstorage的值的方法
在HTML 5中，localstorage是个不错的东西，在支持localstorage的浏览器中， 能持久化用户表单的输入，即使关掉浏览器，下次重新打开浏览器访问，也能读出其值,很不错的一个东西，接下来实例介绍，需要的朋友可以参考下2013-01-01
最新评论