基于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 相关文章推荐
use jscript Create a SQL Server database
Jun 16 Javascript
JQUERY复选框CHECKBOX全选,取消全选
Aug 30 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
Sep 10 Javascript
angularJS 入门基础
Feb 09 Javascript
javascript日期计算实例分析
Jun 29 Javascript
JS实现“隐藏与显示”功能(多种方法)
Nov 24 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
Mar 02 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
Aug 13 Javascript
微信小程序scroll-view的滚动条设置实现
Mar 02 Javascript
从零开始用webpack构建一个vue3.0项目工程的实现
Sep 24 Javascript
element中table高度自适应的实现
Oct 21 Javascript
uniapp电商小程序实现订单30分钟倒计时
Nov 01 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
很温暖很温暖的Lester Young
2021/03/03 冲泡冲煮
php从数组中随机抽取一些元素的代码
2012/11/05 PHP
PHP延迟静态绑定示例分享
2014/06/22 PHP
php使用curl通过代理获取数据的实现方法
2016/05/16 PHP
PHPExcel实现的读取多工作表操作示例
2020/04/14 PHP
HTML页面如何象ASP一样接受参数
2007/02/07 Javascript
浅谈EasyUI中Treegrid节点的删除
2015/03/01 Javascript
Ext JS框架中日期函数的用法及日期选择控件的实现
2016/05/21 Javascript
总结在前端排序中遇到的问题
2016/07/19 Javascript
理解JavaScript原型链
2016/10/25 Javascript
WebPack基础知识详解
2017/01/16 Javascript
用jquery的attr方法实现图片切换效果
2017/02/05 Javascript
Vue应用部署到服务器的正确方式
2017/07/15 Javascript
JavaScript执行环境及作用域链实例分析
2018/08/01 Javascript
Vue中用props给data赋初始值遇到的问题解决
2018/11/27 Javascript
微信小程序+腾讯地图开发实现路径规划绘制
2019/05/22 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
2020/02/19 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
2020/07/22 Javascript
python的urllib模块显示下载进度示例
2014/01/17 Python
基于python的Tkinter实现一个简易计算器
2015/12/31 Python
win7上python2.7连接mysql数据库的方法
2017/01/14 Python
Python Socket实现简单TCP Server/client功能示例
2017/08/05 Python
Python针对给定字符串求解所有子序列是否为回文序列的方法
2018/04/21 Python
Python实现的简单读写csv文件操作示例
2018/07/12 Python
用Python实现大文本文件切割的方法
2019/01/12 Python
Tensorflow实现神经网络拟合线性回归
2019/07/19 Python
python 根据列表批量下载网易云音乐的免费音乐
2020/12/03 Python
Python页面加载的等待方式总结
2021/02/28 Python
日本酒店、民宿、温泉旅馆、当地旅行团中文预订:e路东瀛
2019/12/09 全球购物
学生逃课万能检讨书2000字
2015/02/17 职场文书
运动会宣传稿50字
2015/07/23 职场文书
仓库管理制度范本
2015/08/04 职场文书
优秀创业计划书分享
2019/07/19 职场文书
应届生个人的求职(自荐信范文2篇)
2019/08/23 职场文书
Go语言带缓冲的通道实现
2021/04/26 Golang
python turtle绘制多边形和跳跃和改变速度特效
2022/03/16 Python