基于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 学习笔记 Black.Caffeine 09.11.28
Nov 30 Javascript
解析Javascript中大括号“{}”的多义性
Dec 02 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
Aug 05 Javascript
学习JavaScript设计模式之装饰者模式
Jan 19 Javascript
jQuery Mobile 和 Kendo UI 的比较
May 05 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
Nov 09 Javascript
js实现文本上下来回滚动
Feb 03 Javascript
第一次记录Bootstrap table学习笔记(1)
May 18 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
Jul 03 Javascript
微信小程序仿通讯录功能
Apr 09 Javascript
JavaScript逻辑运算符相关总结
Sep 04 Javascript
JavaScript函数柯里化
Nov 07 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集成百度Ueditor 1.4.3
2014/11/23 PHP
php获取json数据所有的节点路径
2015/05/17 PHP
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
2007/03/06 Javascript
jQuery live
2009/05/15 Javascript
手把手教你自己写一个js表单验证框架的方法
2010/09/14 Javascript
js 判断浏览器使用的语言示例代码
2014/03/22 Javascript
jQuery添加和删除输入文本框标签代码
2016/05/20 Javascript
JS原型链怎么理解
2016/06/27 Javascript
关于JS中的方法是否加括号的问题
2016/07/27 Javascript
设置jquery UI 控件的大小方法
2016/12/12 Javascript
jQuery实现两列等高并自适应高度
2016/12/22 Javascript
清空元素html(&quot;&quot;) innerHTML=&quot;&quot; 与 empty()的区别和应用(推荐)
2017/08/14 Javascript
Nodejs+express+ejs简单使用实例代码
2017/09/18 NodeJs
JavaScript中如何调用Java方法
2020/09/16 Javascript
在服务器端实现无间断部署Python应用的教程
2015/04/16 Python
Python配置虚拟环境图文步骤
2019/05/20 Python
Python使用import导入本地脚本及导入模块的技巧总结
2019/08/07 Python
Python合并2个字典成1个新字典的方法(9种)
2019/12/19 Python
python 实现一个简单的线性回归案例
2020/12/17 Python
HTML5不支持frameset的两种解决方法
2016/11/14 HTML / CSS
Kneipp克奈圃美国官网:德国百年精油配方的传承
2018/02/07 全球购物
Bose英国官方网站:美国知名音响品牌
2020/01/26 全球购物
中国京东和泰国中央集团合资的网站:JD CENTRAL
2020/08/22 全球购物
实习自我鉴定模板
2013/09/28 职场文书
求职信写作要突出重点
2014/01/01 职场文书
教研处工作方案
2014/05/26 职场文书
教师专业自荐信
2014/05/31 职场文书
党的群众路线教育实践活动个人整改方案
2014/09/21 职场文书
党的群众路线教育实践活动领导班子整改措施
2014/09/30 职场文书
应届毕业生求职简历自我评价
2015/03/02 职场文书
小平您好观后感
2015/06/09 职场文书
简历自我评价:教师师德表现自我评价
2019/04/24 职场文书
2019年冬至:天冷暖人心的问候祝福语大全
2019/12/20 职场文书
详解如何修改nginx的默认端口
2021/03/31 Servers
使用canvas对video视频某一刻截图功能
2021/09/25 HTML / CSS
B站评分公认最好看的动漫,你的名字评分9.9,第六备受喜欢
2022/03/18 日漫