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 相关文章推荐
jquery select操作的日期联动实现代码
Dec 06 Javascript
超越Jquery_01_isPlainObject分析与重构
Oct 20 Javascript
Web 前端设计模式--Dom重构 提高显示性能
Oct 22 Javascript
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
Oct 26 Javascript
在javascript中实现函数数组的方法
Dec 25 Javascript
jquery实用技巧之输入框提示语句
Jul 28 Javascript
javascript笔记之匿名函数和闭包
Feb 06 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
Apr 10 Javascript
详解VUE2.X过滤器的使用方法
Jan 11 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
May 14 Javascript
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
Apr 30 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
测试您的 PHP 水平的题目
2007/05/30 PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
2016/09/23 PHP
mysql alter table命令修改表结构实例详解
2016/09/24 PHP
PHP实现的二分查找算法实例分析
2017/12/19 PHP
Laravel框架实现的使用smtp发送邮件功能示例
2019/03/12 PHP
phpstorm 配置xdebug的示例代码
2019/03/31 PHP
收藏一些不常用,但是有用的代码
2007/03/12 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
2014/01/07 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
javascript显示倒计时控制按钮的简单实现
2016/06/07 Javascript
关于Javascript回调函数的一个妙用
2016/08/29 Javascript
浅析JavaScript中var that=this
2017/02/17 Javascript
jquery实现回车键触发事件(实例讲解)
2017/11/21 jQuery
解决vue中无法动态修改jqgrid组件 url地址的问题
2018/03/01 Javascript
vue.js指令v-for使用以及下标索引的获取
2019/01/31 Javascript
微信小程序picker组件关于objectArray数据类型的绑定方法
2019/03/13 Javascript
JavaScript交换变量常用4种方法解析
2020/09/02 Javascript
Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法
2015/03/05 Python
Python守护进程和脚本单例运行详解
2017/01/06 Python
利用Python批量提取Win10锁屏壁纸实战教程
2018/03/27 Python
python通过paramiko复制远程文件及文件目录到本地
2019/04/30 Python
python二维码操作:对QRCode和MyQR入门详解
2019/06/24 Python
python实现对服务器脚本敏感信息的加密解密功能
2019/08/13 Python
使用tensorflow显示pb模型的所有网络结点方式
2020/01/23 Python
Python改变对象的字符串显示的方法
2020/08/01 Python
CSS3制作hover下划线动画
2017/03/27 HTML / CSS
CSS3制作圆形滚动进度条动画的示例
2020/11/05 HTML / CSS
CSS3制作3D立方体loading特效
2020/11/09 HTML / CSS
师范毕业生求职自荐信
2013/09/25 职场文书
酒店司机岗位职责
2013/12/14 职场文书
房地产开发计划书
2014/01/10 职场文书
农村婚礼主持词
2014/03/13 职场文书
群众路线剖析材料
2014/09/30 职场文书
2014小学教师个人工作总结
2014/11/10 职场文书
少先队中队工作总结
2015/08/14 职场文书
pytorch中Schedule与warmup_steps的用法说明
2021/05/24 Python