基于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 相关文章推荐
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
使用Mootools动态添加Css样式表代码,兼容各浏览器
Dec 12 Javascript
通过JS获取用户本地图片路径并显示的代码
Feb 16 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
Jun 24 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
Jul 18 Javascript
js+css实现tab菜单切换效果的方法
Jan 20 Javascript
JavaScript实现基于十进制的四舍五入实例
Jul 17 Javascript
js实现左侧网页tab滑动门效果代码
Sep 06 Javascript
jQuery+CSS实现简单切换菜单示例
Jul 27 Javascript
详解javascript 变量提升(Hoisting)
Mar 12 Javascript
详解vue-element Tree树形控件填坑路
Mar 26 Javascript
javascript实现抢购倒计时程序
Aug 26 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
使用PHPCMS搭建wap手机网站
2015/09/20 PHP
PHP使用finfo_file()函数检测上传图片类型的实现方法
2017/04/18 PHP
PHP接口类(interface)的定义、特点和应用示例
2020/05/18 PHP
jQuery中extend函数详解
2015/02/13 Javascript
AngularJS中比较两个数组是否相同
2016/08/24 Javascript
基于slideout.js实现移动端侧边栏滑动特效
2016/11/28 Javascript
jquery仿京东商品放大浏览页面
2017/06/06 jQuery
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
2018/09/15 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
微信小程序调用微信支付接口的实现方法
2019/04/29 Javascript
通过JS判断网页是否为手机打开
2020/10/28 Javascript
python使用htmllib分析网页内容的方法
2015/05/08 Python
Python函数的周期性执行实现方法
2016/08/13 Python
深入解答关于Python的11道基本面试题
2017/04/01 Python
老生常谈Python基础之字符编码
2017/06/14 Python
Python中的__slots__示例详解
2017/07/06 Python
python打包生成的exe文件运行时提示缺少模块的解决方法
2018/10/31 Python
python实现淘宝秒杀脚本
2020/06/23 Python
如何基于Python代码实现高精度免费OCR工具
2020/06/18 Python
html如何对span设置宽度
2019/10/30 HTML / CSS
澳大利亚排名第一的儿童在线玩具商店:Toy Galaxy
2018/10/06 全球购物
MyHeritage美国:家族史研究和DNA测试的领先服务
2019/05/27 全球购物
西班牙鞋子和箱包在线销售网站:zapatos.es
2020/02/17 全球购物
如何使用PHP session
2015/04/21 面试题
师范应届毕业生自荐信
2013/11/18 职场文书
函授毕业生的自我鉴定
2013/11/26 职场文书
《窗前的气球》教学反思
2014/04/07 职场文书
给老婆的道歉信
2015/01/20 职场文书
社会治安综合治理责任书
2015/01/29 职场文书
三八妇女节慰问信
2015/02/14 职场文书
机修车间主任岗位职责
2015/04/08 职场文书
公司行政管理制度范本
2015/08/05 职场文书
2016幼儿园教师年度考核评语
2015/12/01 职场文书
python 模拟在天空中放风筝的示例代码
2021/04/21 Python
关于 Python json中load和loads区别
2021/11/07 Python
python模拟浏览器 使用selenium进入好友QQ空间并留言
2022/04/12 Python