基于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 相关文章推荐
jquery ajax 调用失败的原因示例介绍
Sep 27 Javascript
node.js中的fs.realpathSync方法使用说明
Dec 16 Javascript
jQuery实现的输入框选择时间插件用法实例
Feb 28 Javascript
使用JavaScript制作一个简单的计数器的方法
Jul 07 Javascript
JavaScript中函数(Function)的apply与call理解
Jul 08 Javascript
AngularJS ng-repeat数组有重复值的解决方法
Oct 23 Javascript
Bootstrap table简单使用总结
Feb 15 Javascript
使用yeoman构建angular应用的方法
Aug 14 Javascript
react中使用swiper的具体方法
May 15 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
Jul 27 Javascript
微信小程序订阅消息(java后端实现)开发
Jun 01 Javascript
JS中的变量作用域(console版)
Jul 18 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
星际争霸 Starcraft 游戏介绍
2020/03/14 星际争霸
JSON用法之将PHP数组转JS数组,JS如何接收PHP数组
2015/10/08 PHP
php的常量和变量实例详解
2017/06/27 PHP
PHP基于curl模拟post提交json数据示例
2018/06/22 PHP
PHP的curl函数的用法总结
2019/02/14 PHP
JS 页面内容搜索,类似于 Ctrl+F功能的实现代码
2007/08/13 Javascript
摘自百度的图片轮换效果代码
2007/11/19 Javascript
jQuery实现等比例缩放大图片让大图片自适应页面布局
2013/10/16 Javascript
js showModalDialog弹出窗口实例详解
2014/01/07 Javascript
纯javascript实现图片延时加载方法
2015/08/21 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
2016/01/26 Javascript
js中获取jsp表单中radio类型的值简单实例
2016/08/15 Javascript
基于JavaScript实现全选、不选和反选效果
2017/02/15 Javascript
微信小程序中input标签详解及简单实例
2017/05/18 Javascript
对Angular中单向数据流的深入理解
2018/03/31 Javascript
vue设置一开始进入的页面教程
2019/10/28 Javascript
JS判断数组四种实现方法详解
2020/06/29 Javascript
jQuery使用jsonp实现百度搜索的示例代码
2020/07/08 jQuery
Javascript类型判断相关例题及解析
2020/08/26 Javascript
Python网络爬虫与信息提取(实例讲解)
2017/08/29 Python
Python读取Json字典写入Excel表格的方法
2018/01/03 Python
python 递归深度优先搜索与广度优先搜索算法模拟实现
2018/10/22 Python
线程安全及Python中的GIL原理分析
2019/10/29 Python
python Manager 之dict KeyError问题的解决
2019/12/21 Python
python 画图 图例自由定义方式
2020/04/17 Python
解决Keras中循环使用K.ctc_decode内存不释放的问题
2020/06/29 Python
CSS Grid布局教程之网格单元格布局
2014/12/30 HTML / CSS
教师申诉制度
2014/01/29 职场文书
扩大国家免疫规划实施方案
2014/03/21 职场文书
毕业生就业意向书
2014/04/01 职场文书
社区维稳工作方案
2014/06/06 职场文书
2014年安全生产责任书
2014/07/22 职场文书
商场父亲节活动方案
2014/08/27 职场文书
乔布斯辞职信(中英文对照)
2015/05/12 职场文书
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
2022/05/30 NodeJs
table不让td文字溢出操作方法
2022/12/24 HTML / CSS