基于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实现上传图片前的预览(TX的面试题)
Aug 20 Javascript
extjs4 treepanel动态改变行高度示例
Dec 17 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
Mar 03 Javascript
asp.net中oracle 存储过程(图文)
Aug 12 Javascript
Bootstrap导航条的使用和理解3
Dec 14 Javascript
jQuery实现的浮动层div浏览器居中显示效果
Feb 03 Javascript
layui点击导航栏刷新tab页的示例代码
Aug 14 Javascript
axios全局注册,设置token,以及全局设置url请求网段的方法
Sep 25 Javascript
JS实现的雪花飘落特效示例
Dec 03 Javascript
vue项目中使用多选框的实例代码
Jul 22 Javascript
js实现滚动条自动滚动
Dec 13 Javascript
详解Vue2的diff算法
Jan 06 Vue.js
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水印
2007/03/16 PHP
ubuntu 编译安装php 5.3.3+memcache的方法
2010/08/05 PHP
PHP统计nginx访问日志中的搜索引擎抓取404链接页面路径
2014/06/30 PHP
php中file_get_contents与curl性能比较分析
2014/11/08 PHP
Zend Framework实现具有基本功能的留言本(附demo源码下载)
2016/03/22 PHP
WAF的正确bypass
2017/01/05 PHP
PHP中使用OpenSSL生成证书及加密解密
2017/02/05 PHP
Bootstrap+PHP实现多图上传功能实例详解
2018/04/08 PHP
php实现在线考试系统【附源码】
2018/09/18 PHP
javascript 控制弹出窗口
2007/04/10 Javascript
JSON扫盲帖 JSON.as类教程
2009/02/16 Javascript
jquery插件 autoComboBox 下拉框
2010/12/22 Javascript
js取float型小数点后两位数的方法
2014/01/18 Javascript
jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例
2017/12/18 jQuery
react-router browserHistory刷新页面404问题解决方法
2017/12/29 Javascript
vue.js中实现登录控制的方法示例
2018/04/23 Javascript
小程序点击图片实现png转jpg
2019/10/22 Javascript
vue-cli 关闭热更新操作
2020/09/18 Javascript
[03:37]2014DOTA2国际邀请赛 主赛事第一日胜者组TOPPLAY
2014/07/19 DOTA
python+selenium实现登录账户后自动点击的示例
2017/12/22 Python
Python+matplotlib实现填充螺旋实例
2018/01/15 Python
python生成器,可迭代对象,迭代器区别和联系
2018/02/04 Python
pycharm访问mysql数据库的方法步骤
2019/06/18 Python
如何安装并使用conda指令管理python环境
2019/07/10 Python
Scrapy项目实战之爬取某社区用户详情
2020/09/17 Python
使用python操作lmdb对数据读取的实例
2020/12/11 Python
实例讲解CSS3中Transform的perspective属性的用法
2016/04/22 HTML / CSS
Kathmandu澳洲户外商店:新西兰户外运动品牌
2017/11/12 全球购物
美国NBA官方商店:NBA Store
2019/04/12 全球购物
威盛公司软件C++工程师笔试题面试题
2012/07/16 面试题
关于爱情的广播稿
2014/01/16 职场文书
教师党性分析材料
2014/02/04 职场文书
南京青奥会口号
2014/06/12 职场文书
建筑工地宣传标语
2014/06/18 职场文书
道德模范事迹材料
2014/12/20 职场文书
导游词之珠海轮廓
2019/10/25 职场文书