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


Posted in Javascript onDecember 30, 2010

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.3water.com/js/jcarousellite2/index.htm
打包演示下载:https://3water.com/jiaoben/33787.html
Javascript 相关文章推荐
iframe异步加载实现点击左边菜单加载右边内容实例讲解
Mar 04 Javascript
js 自定义个性下拉选择框示例
Aug 20 Javascript
Jquery绑定事件(bind和live的区别介绍)
Aug 23 Javascript
Flexigrid在IE下不显示数据的有效处理方法
Sep 04 Javascript
javascript时间排序算法实现活动秒杀倒计时效果
Jan 28 Javascript
设置点击文本框或图片弹出日历控件的实现代码
May 12 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
Jun 20 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
Vue中对比scoped css和css module的区别
May 17 Javascript
Vue表情输入组件 微信face表情组件
Feb 11 Javascript
vue-router的两种模式的区别
May 30 Javascript
Vuex中实现数据状态查询与更改
Nov 08 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
Dec 30 #Javascript
在VS2008中使用jQuery智能感应的方法
Dec 30 #Javascript
jQuery在vs2008及js文件中的无智能提示的解决方法
Dec 30 #Javascript
js TextArea的选中区域处理
Dec 28 #Javascript
基于jquery的一行代码轻松实现拖动效果
Dec 28 #Javascript
JS date对象的减法处理实现代码
Dec 28 #Javascript
javascript中检测变量的类型的代码
Dec 28 #Javascript
You might like
实用函数5
2007/11/08 PHP
解析php利用正则表达式解决采集内容排版的问题
2013/06/20 PHP
PHP中is_file不能替代file_exists的理由
2014/03/04 PHP
Yii使用find findAll查找出指定字段的实现方法
2014/09/05 PHP
PHP获取QQ达人QQ信息的方法
2015/03/05 PHP
PHP的Yii框架中Model模型的学习教程
2016/03/29 PHP
再谈Jquery Ajax方法传递到action(补充)
2014/05/12 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
2014/09/04 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
2015/07/15 Javascript
微信小程序-横向滑动scroll-view隐藏滚动条
2017/04/20 Javascript
CSS3+JavaScript实现翻页幻灯片效果
2017/06/28 Javascript
微信小程序滚动Tab实现左右可滑动切换
2017/08/17 Javascript
Vuex提升学习篇
2018/01/11 Javascript
vue后台管理之动态加载路由的方法
2018/08/13 Javascript
VUE基于NUXT的SSR 服务端渲染
2018/11/30 Javascript
如何使用JavaScript实现无缝滚动自动播放轮播图效果
2020/08/20 Javascript
python3生成随机数实例
2014/10/20 Python
Python版微信红包分配算法
2015/05/04 Python
Python获取系统默认字符编码的方法
2015/06/04 Python
Python3.2模拟实现webqq登录
2016/02/15 Python
python邮件发送smtplib使用详解
2020/06/16 Python
Numpy截取指定范围内的数据方法
2018/11/14 Python
python应用Axes3D绘图(批量梯度下降算法)
2020/03/25 Python
Python实现封装打包自己写的代码,被python import
2020/07/12 Python
CSS3 Backgrounds属性相关介绍
2011/05/11 HTML / CSS
Kingsoft金山公司C/C++笔试题
2016/05/10 面试题
银行实习生自我鉴定范文
2013/09/19 职场文书
毕业自荐书
2013/12/09 职场文书
房屋转让协议书
2014/04/11 职场文书
党的群众路线教育学习材料
2014/05/12 职场文书
我的中国心演讲稿
2014/09/04 职场文书
派出所正风肃纪剖析材料
2014/10/10 职场文书
投标文件签署授权委托书范本
2014/10/12 职场文书
打架赔偿协议书范本
2014/10/26 职场文书
2014年机关工会工作总结
2014/12/19 职场文书
使用Ajax实现无刷新上传文件
2022/04/12 Javascript