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 幻灯插件和教程
Mar 27 Javascript
点击显示指定元素隐藏其他同辈元素的方法
Feb 19 Javascript
jQuery 删除或是清空某个HTML元素示例
Aug 04 Javascript
jquery操作对象数组元素方法详解
Nov 26 Javascript
jquery中change()用法实例分析
Feb 06 Javascript
基于JavaScript实现手机短信按钮倒计时(超简单)
Dec 30 Javascript
js精准的倒计时函数分享
Jun 29 Javascript
JS取模、取商及取整运算方法示例
Oct 13 Javascript
jquery利用json实现页面之间传值的实例解析
Dec 12 Javascript
JavaScript的数据类型转换原则(干货)
Mar 15 Javascript
借助云开发实现小程序短信验证码的发送
Jan 06 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
Feb 06 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
Linux下CoreSeek及PHP扩展模块的安装
2012/09/23 PHP
PHP @ at 记号的作用示例介绍
2014/10/10 PHP
php中strlen和mb_strlen用法实例分析
2016/11/12 PHP
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
一直复略了的一个问题,关于表单重复提交
2007/02/15 Javascript
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
2010/03/05 Javascript
jQuery编写widget的一些技巧分享
2010/10/28 Javascript
javascript强大的日期函数代码分享
2013/09/04 Javascript
js hover 定时器(实例代码)
2013/11/12 Javascript
jQuery动画特效实例教程
2014/08/29 Javascript
详解jQuery中的元素的属性和相关操作
2015/08/14 Javascript
基于javascript实现彩票随机数生成(简单版)
2020/04/17 Javascript
基于jquery实现下拉框美化特效
2016/02/02 Javascript
用js实现博客打赏功能
2016/10/24 Javascript
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
2017/01/04 Javascript
几行js代码实现自适应
2017/02/24 Javascript
HTML5实现微信拍摄上传照片功能
2017/04/21 Javascript
JS实现简单的天数计算器完整实例
2017/04/28 Javascript
详解webpack-dev-server使用http-proxy解决跨域问题
2018/01/13 Javascript
从零开始搭建一个react项目开发
2018/02/09 Javascript
react redux入门示例
2018/04/19 Javascript
详解基于Vue,Nginx的前后端不分离部署教程
2018/12/04 Javascript
关于vue的列表图片选中打钩操作
2020/09/09 Javascript
JavaScript实现鼠标移入随机变换颜色
2020/11/24 Javascript
用python实现面向对像的ASP程序实例
2014/11/10 Python
Python使用Scrapy爬虫框架全站爬取图片并保存本地的实现代码
2018/03/04 Python
Tensorflow实现卷积神经网络的详细代码
2018/05/24 Python
解决pycharm py文件运行后停止按钮变成了灰色的问题
2018/11/29 Python
Python 网络编程之TCP客户端/服务端功能示例【基于socket套接字】
2019/10/12 Python
北美大型运动类产品商城:Champs Sports
2017/01/12 全球购物
中国跨镜手机配件批发在线商店:TVC-Mall
2019/08/20 全球购物
生物科学专业个人求职信范文
2013/12/05 职场文书
出国导师推荐信
2014/01/16 职场文书
房屋买卖协议样本
2014/11/16 职场文书
优秀高中学生评语
2014/12/30 职场文书
python使用openpyxl库读写Excel表格的方法(增删改查操作)
2021/05/02 Python