源码:
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title> new document </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jcarousellite_1.0.1.min.js"></script>
<style type="text/css">
.jCarouselLite li img{
background-color: #fff;
margin: 5px;
}
</style>
</head>
<body leftmargin=0 topmargin=0 rightmargin=0 bottommargin=0>
<script language="javascript">
jQuery(document).ready(function(){
jQuery(".jCarouselLite").jCarouselLite({
btnPrev: ".prev", //上一个按钮的class名
btnNext: ".next", //下一个按钮的class名
mouseWheel: true, //鼠标滑轮是否可以控制上下滚动,默认false
auto: 0, //指定多少毫秒内容定期自动滚动。默认为空(null)不滚动
speed: 1000, //滑动的速度
vertical: false, //是否垂直滚动,默认为false
circular: true, //是否循环滚动,默认为true
visible: 2, //可见数量
start: 0, //开始的地方,默认是0
scroll: 1, //每次滚动的li数量
beforeStart: function(a){ //滚动开始时回调的函数
//alert(jQuery(a).attr("id"));
},
afterEnd: function(a){ //滚动结束时回调的函数
//alert(jQuery(a).attr("id"));
}
});
});
</script>
<table style="border:1px solid black;background-color:#B0C4DE;">
<tr>
<td valign=center><a class="prev"><<</a></td>
<td>
<div class="jCarouselLite">
<ul>
<li><img src="1.jpg" width="100" height="100"></li>
<li><img src="2.jpg" width="100" height="100"></li>
<li><img src="3.jpg" width="100" height="100"></li>
<li><img src="1.jpg" width="100" height="100"></li>
<li><img src="2.jpg" width="100" height="100"></li>
<li><img src="3.jpg" width="100" height="100"></li>
</ul>
</div>
</td>
<td valign=center><a class="next">>></a></td>
</tr>
</table>
</body>
</html>
- 大小: 13.3 KB
分享到:
相关推荐
E_jquery图片滚动切换插件 jCarousel Lite,可以实现多种图片滚动。代码无误,亲测有用。
http://gmarwaha.com/jquery/jcarousellite/ 上面下载jcarousellite插件 * 来和彦磊图片平滑滚动的插件相互补充使用以获取更多的图片效果 * 彦磊图片平滑滚动插件只是对jcarousellite插件的补充 * * * 技术支持:...
摘要:脚本资源,jQuery,图片滚动 一款由jQuery插件实现的效果,主要是关于jquery插件jCarouselLite的问题,关于left:-5000px这行CSS,官方这段不知道有何用处,如果放进去就会显示不了图片了,js动态产生的值为何没有...
jQuery-jcarousellite水平、垂直滚动图片效果演示
基于Jquery的图片无缝滚动插件,需要的朋友可以参考下。
图片轮播插件jcarousellite.js
jcarousellite是一款jquery插件,可以控制文档元素滚动,丰富的参数设置可以控制滚动的更多细节,是一款不可多得的滚动插件。
主要介绍了JQuery插件jcarousellite的参数中文说明,本文分别给出各个参数的含义,需要的朋友可以参考下
兼容各种浏览器的jcarousellite插件,最特殊的地方是进过我修改,他兼容谷歌,官网不兼容谷歌的。
jcarousellite的问题说明
jcarousellite图片滚动.rar JQuery Tab.rar JQuery zTree v3.1.zip jquery 图片滚动特效制作 slide 图片类似窗帘式图片滚动.rar jQuery&CSS图形下拉菜单.rar jQuery+php实现ajax文件即时上传.zip jquery下拉竖...
jcarousellite是一款来自国外的jQuery插件,我们利用它可以实现很多功能,本文中,我们主要使用它完成一个可以控制左右切换的焦点图切换,幻灯片效果,当然,该幻灯片是可以自动切换的,唯一不足的之处是没有添加...
JCarouselLite是一款jquery插件,可以控制文档元素滚动,丰富的参数设置可以控制滚动的更多细节,是一款不可多得的滚动插件。
NULL 博文链接:https://eoasis.iteye.com/blog/653487
NULL 博文链接:https://110shen110.iteye.com/blog/2173857
个人把常用的一些jquery插件做了一个demo,里面有jquery.dropkick-1.0.0.js、slider.js、fullcalendar-1.5.2、jquery.grumble.js、jcarousellite_1.0.1.js(已修改)、jquery.jqzoom.js、jquery.thickbox.js、jquery...
不需要改的原网页的轮播插件,增加了鼠标悬停效果
一个jquery横向图片滚动在线示例,用了自己的一个JS-lrscroll.js [removed] $(function() { $("#botton-scroll").jCarouselLite({ btnNext: ".next", btnPrev: ".prev" }); }); $(function () { $('#top-...