基于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编程起步(第五课)
Feb 27 Javascript
引用其它js时如何同时处理多个window.onload事件
Sep 02 Javascript
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
Feb 25 Javascript
Kindeditor在线文本编辑器如何过滤HTML
Apr 14 Javascript
Javascript使用function创建类的两种方法(推荐)
Nov 19 Javascript
详解js的异步编程技术的方法
Feb 09 Javascript
微信小程序 支付功能开发错误总结
Feb 21 Javascript
Bootstrap导航简单实现代码
Mar 06 Javascript
angular仿支付宝密码框输入效果
Mar 25 Javascript
微信小程序实现MUI数字输入框效果
Jan 31 Javascript
详解如何在Javascript和Sass之间共享变量
Nov 13 Javascript
Vue中多元素过渡特效的解决方案
Feb 05 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的header和asp中的redirect比较
2006/10/09 PHP
jquery实现瀑布流效果分享
2014/03/26 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
2015/09/26 Javascript
微信小程序 canvas API详解及实例代码
2016/10/08 Javascript
简单实现Bootstrap标签页
2020/08/09 Javascript
微信小程序 欢迎页面的制作(源码下载)
2017/01/09 Javascript
Vue.js实战之利用vue-router实现跳转页面
2017/04/01 Javascript
基于jQuery封装的分页组件
2017/06/26 jQuery
JS中跳出循环的示例代码
2017/09/14 Javascript
vue+vue-router转场动画的实例代码
2018/09/01 Javascript
vue 点击展开显示更多(点击收起部分隐藏)
2019/04/09 Javascript
js微信分享接口调用详解
2019/07/23 Javascript
Vue根据条件添加click事件的方式
2019/11/09 Javascript
javascript实现前端input密码输入强度验证
2020/06/24 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
2020/11/09 Javascript
[00:32]DOTA2上海特级锦标赛 Ehome战队宣传片
2016/03/03 DOTA
[01:05:59]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
在Python 3中实现类型检查器的简单方法
2015/07/03 Python
flask-restful使用总结
2018/12/04 Python
python scatter散点图用循环分类法加图例
2019/03/19 Python
Django中自定义admin Xadmin的实现代码
2019/08/09 Python
解决在pycharm运行代码,调用CMD窗口的命令运行显示乱码问题
2019/08/23 Python
使用Python实现批量ping操作方法
2020/05/06 Python
Electrolux伊莱克斯巴西商店:家用电器、小家电和配件
2018/05/23 全球购物
美国第二大连锁药店:Rite Aid
2019/04/03 全球购物
记者岗位职责
2014/01/06 职场文书
大学生表扬信范文
2014/01/09 职场文书
个人自我剖析材料
2014/02/07 职场文书
浪漫婚礼主持词
2014/03/14 职场文书
网上祭先烈心得体会
2014/09/01 职场文书
党风廉正建设责任书
2015/01/29 职场文书
警示教育观后感
2015/06/17 职场文书
Python Pycharm虚拟下百度飞浆PaddleX安装报错问题及处理方法(亲测100%有效)
2021/05/24 Python
SQL 尚未定义空闲 CPU 条件 - OnIdle 作业计划将不起任何作用
2021/06/30 SQL Server
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB
Mysql数据库事务的脏读幻读及不可重复读详解
2022/05/30 MySQL