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 相关文章推荐
IE浏览器兼容Firefox的JS脚本的代码
Oct 23 Javascript
prettify 代码高亮着色器google出品
Dec 28 Javascript
JavaScript 基础篇(一)
Mar 30 Javascript
JS获得URL超链接的参数值实例代码
Jun 21 Javascript
JavaScript中使用Object.create()创建对象介绍
Dec 30 Javascript
详解JS对象封装的常用方式
Dec 30 Javascript
js实现点击切换checkbox背景图片的简单实例
May 08 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
Jun 04 Javascript
Vue实现textarea固定输入行数与添加下划线样式的思路详解
Jun 28 Javascript
Vue动态组件与异步组件实例详解
Feb 23 Javascript
对Layer UI 模块化的用法详解
Sep 26 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
Mar 03 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
openPNE常用方法分享
2011/11/29 PHP
php中ob_flush函数和flush函数用法分析
2015/03/18 PHP
PHP命令空间namespace及use的用法小结
2017/11/27 PHP
Gird事件机制初级读本
2007/03/10 Javascript
JavaScript 基础问答三
2008/12/03 Javascript
Javascript Math ceil()、floor()、round()三个函数的区别
2010/03/09 Javascript
JS控制一个DIV层在指定时间内消失的方法
2014/02/17 Javascript
CSS3实现动态背景登录框的代码
2015/07/28 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形菜单
2015/11/30 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
2016/09/22 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
2016/09/23 Javascript
详解Vue.js入门环境搭建
2017/03/17 Javascript
基于Bootstrap的标签页组件及bootstrap-tab使用说明
2017/07/25 Javascript
JS验证码实现代码
2017/09/14 Javascript
在Swiper内如何制作CSS3动画效果示例代码
2017/12/07 Javascript
Vue 实现手动刷新组件的方法
2019/02/19 Javascript
Vue+Django项目部署详解
2019/05/30 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
2020/03/04 Javascript
[02:38]DOTA2英雄基础教程 噬魂鬼
2014/01/03 DOTA
Python实现使用卷积提取图片轮廓功能示例
2018/05/12 Python
浅谈python的输入输出,注释,基本数据类型
2019/04/02 Python
numpy下的flatten()函数用法详解
2019/05/27 Python
tensorflow获取预训练模型某层参数并赋值到当前网络指定层方式
2020/01/24 Python
python openssl模块安装及用法
2020/12/06 Python
整理HTML5移动端开发的常用触摸事件
2016/04/15 HTML / CSS
选购国际女性时装设计师品牌:IFCHIC(支持中文)
2018/04/12 全球购物
幼儿园教师工作制度
2014/01/22 职场文书
产品发布会策划方案
2014/05/12 职场文书
关爱残疾人演讲稿
2014/05/24 职场文书
幼儿园师德师风学习材料
2014/05/29 职场文书
三人合伙协议书范本
2014/10/29 职场文书
陕西导游词
2015/02/04 职场文书
收入证明申请书
2015/06/12 职场文书
在校学生证明格式
2015/06/24 职场文书
新农村建设指导员工作总结
2015/08/13 职场文书
带你学习MySQL执行计划
2021/05/31 MySQL