基于jQuery图片平滑连续滚动插件


Posted in Javascript onApril 27, 2009

* 此插件要求运行在jQuery v1.3 或更高版本上
* 插件可以实现图片平滑向上或向左滚动
* 如果您需要更多的效果或在使用中本插件存在BUG,可以给在彦磊的博客上留言,彦磊将尽自己最大努力完善此插件
* 您留言前请先到:http://gmarwaha.com/jquery/jcarousellite/ 上面下载jcarousellite插件 
* 来和彦磊图片平滑滚动的插件相互补充使用以获取更多的图片效果
* 彦磊图片平滑滚动插件只是对jcarousellite插件的补充
*
*
* 技术支持:HTTP://HI.BAIDU.COM/DPXDQX
* 此为自由拷贝版本,您可以在此基础上添加任何功能
* 彦磊建议您将修改过的版本或发布地址发到彦磊博客上以共享,也建议您保留部分彦磊的信息
*
*
* 此插件没有象jcarousellite插件样对相关元素的CSS全自动设置,部分CSS样式需要您为设置
* 原因很简单:您需要考虑部分用户的浏览器不支持JAVASCRIPT或相关功能被禁用
* 您需要让您的页面元素布局在此时也能显示正确,因此必要的CSS设置还需要您自己来做。
*
* 使用前您一定要引入jQurey及本脚本,如
* <script type="text/javascript" src="js/jquery_last.js"></script>
* <script type="text/javascript" src="js/YlMarquee.js">
* 使用方法:
*
* 1、为您要设置滚动的对象设置容器,并命名class,如class="ylMarquee"
* 2、将您要滚动的对象置入<ul></ul>中,并添加li标签,li标签中可以是图片、文字或表格……
* 3、此版本需要您设置每个li列表的宽度或高度一至
* <div class="ylMarquee">
* <ul>
* <li><img src="image/1.jpg" alt="1"></li>
* <li><img src="image/2.jpg" alt="2"></li>
* <li><img src="image/3.jpg" alt="3"></li>
* </ul>
* </div>
* 4、设置ylMarquee的height或width样式——向上滚动必须设置height的大小,向左滚动必须设置width的大小,否则页面将显示不正常。
* 5、在页面中添加jQuery语句,调用此插件,并对相关参数进行设置,如:
* <script type="text/javascript">
* $(document).ready(function(){
* $(".stroll").jMarquee({
* visible:3,
* step:1,
* direction:"left"
* });
*});
* </script>
* 6、插件相关参数:
* visible:页面可见元素(图片)个数,默认为1,必须参数。
* step:滚动步长,整数,默认为1,增大此数可加快滚动速度,设为0,则不进行滚动。
* direction:滚动方向,有"left"(向左滚动)和"up"(向上滚动)两个参数,注意设置时一定要加英文的双引("")号或单引号('')。
*/
演示地址:http://img.3water.com/online/jquery_pic/jquery_pic.htm
下载地址 http://img.3water.com/online/jquery_pic/jquery_pic_files/YlMarquee.js

Javascript 相关文章推荐
常用的javascript function代码
May 23 Javascript
通过隐藏option实现select的联动效果
Nov 10 Javascript
用jQuery模拟select下拉框的简单示例代码
Jan 26 Javascript
探讨JavaScript中的Rest参数和参数默认值
Jul 29 Javascript
js中数组结合字符串实现查找(屏蔽广告判断url等)
Mar 30 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
Jul 20 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
Oct 19 Javascript
JS设置手机验证码60s等待实现代码
Jun 14 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
vue以组件或者插件的形式实现throttle或者debounce
May 22 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
Sep 04 Javascript
js实现验证码干扰(静态)
Feb 22 Javascript
js 发个判断字符串是否为符合标准的函数
Apr 27 #Javascript
jQuery 对象中的类数组操作
Apr 27 #Javascript
jquery遍历input取得input的name
Apr 27 #Javascript
jquery创建div 实现代码
Apr 27 #Javascript
js tab 选项卡
Apr 26 #Javascript
JavaScript 使用技巧精萃(.net html
Apr 25 #Javascript
RGB颜色值转HTML十六进制(HEX)代码的JS函数
Apr 25 #Javascript
You might like
php include的妙用,实现路径加密
2008/07/29 PHP
ThinkPHP模板自定义标签使用方法
2014/06/26 PHP
php中 ob_start等函数截取标准输出的方法
2015/06/22 PHP
PHP实现对文件锁进行加锁、解锁操作的方法
2017/07/04 PHP
javascript AOP 实现ajax回调函数使用比较方便
2010/11/20 Javascript
JavaScript中的Array对象使用说明
2011/01/17 Javascript
zShowBox 图片放大展示jquery版 兼容性
2011/09/24 Javascript
jQuery 在光标定位的地方插入文字的插件
2012/05/10 Javascript
PHPExcel中的一些常用方法汇总
2015/01/23 Javascript
JS实现向表格行添加新单元格的方法
2015/03/30 Javascript
JS+CSS实现滑动切换tab菜单效果
2015/08/25 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
2016/05/10 Javascript
js原生实现FastClick事件的实例
2016/11/20 Javascript
JavaScript观察者模式(publish/subscribe)原理与实现方法
2017/03/30 Javascript
JavaScript注册时密码强度校验代码
2017/06/30 Javascript
在vue中解决提示警告 for循环报错的方法
2018/09/28 Javascript
Vue+element 解决浏览器自动填充记住的账号密码问题
2019/06/11 Javascript
加速vue组件渲染之性能优化
2020/04/09 Javascript
[51:30]OG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/30 DOTA
python中defaultdict的用法详解
2017/06/07 Python
python 实现一个贴吧图片爬虫的示例
2017/10/12 Python
python写入已存在的excel数据实例
2018/05/03 Python
Sanic框架请求与响应实例分析
2018/07/16 Python
Python OpenCV读取png图像转成jpg图像存储的方法
2018/10/28 Python
python实现对服务器脚本敏感信息的加密解密功能
2019/08/13 Python
Python GUI学习之登录系统界面篇
2019/08/21 Python
python绘制彩虹图
2019/12/16 Python
python3正则模块re的使用方法详解
2020/02/11 Python
如何在Python对Excel进行读取
2020/06/04 Python
Pycharm快捷键配置详细整理
2020/10/13 Python
购买瑞典当代设计的腕表和太阳眼镜:TRIWA
2016/10/30 全球购物
求两个数的乘积和商数,该作用由宏定义来实现
2013/03/13 面试题
大学生万能检讨书范例
2014/10/04 职场文书
出售房屋协议书范本
2014/10/06 职场文书
横店影视城导游词
2015/02/06 职场文书
2015年教师工作总结范文
2015/03/31 职场文书