基于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 广告后加载,加载完页面再加载广告
Nov 25 Javascript
JS代码判断IE6,IE7,IE8,IE9的函数代码
Aug 02 Javascript
JS实现闪动的title消息提醒效果
Jun 20 Javascript
jQuery简单实现隐藏以及显示特效
Feb 26 Javascript
纯javascript移动优先的幻灯片效果
Nov 02 Javascript
vue实现局部刷新的实现示例
Apr 16 Javascript
使用 Vue cli 3.0 构建自定义组件库的方法
Apr 30 Javascript
从0到1搭建element后台框架优化篇(打包优化)
May 12 Javascript
微信小程序自定义弹窗实现详解(可通用)
Jul 04 Javascript
vue elementui 实现搜索栏公共组件封装的实例代码
Jan 20 Javascript
Vue 电商后台管理项目阶段性总结(推荐)
Aug 22 Javascript
js实现验证码干扰(静态)
Feb 22 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
PHILIPS L4X25T电路分析和打理
2021/03/02 无线电
php数组函数序列之ksort()对数组的元素键名进行升序排序,保持索引关系
2011/11/02 PHP
我整理的PHP 7.0主要新特性
2016/01/07 PHP
ThinkPHP5.0框架实现切换数据库的方法分析
2019/10/30 PHP
javascript 字符串连接的性能问题(多浏览器)
2008/11/18 Javascript
jQuery+ajax读取并解析XML文件的方法
2016/09/09 Javascript
js中获取 table节点各tr及td的内容简单实例
2016/10/14 Javascript
Node.js开启Https的实践详解
2016/10/25 Javascript
jquery实现简单的瀑布流布局
2016/12/11 Javascript
微信小程序 支付功能(前端)的实现
2017/05/24 Javascript
原生JS实现图片网格式渐显、渐隐效果
2017/06/05 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
2017/10/24 Javascript
基于Ionic3实现选项卡切换并重新加载echarts
2020/09/24 Javascript
vuex的使用和简易实现
2021/01/07 Vue.js
Python实现求数列和的方法示例
2018/01/12 Python
python主线程捕获子线程的方法
2018/06/17 Python
简单了解django缓存方式及配置
2019/07/19 Python
PyTorch 随机数生成占用 CPU 过高的解决方法
2020/01/13 Python
tensorflow 模型权重导出实例
2020/01/24 Python
Python基于DB-API操作MySQL数据库过程解析
2020/04/23 Python
Python Excel vlookup函数实现过程解析
2020/06/22 Python
使用python实现下载我们想听的歌曲,速度超快
2020/07/09 Python
plt.figure()参数使用详解及运行演示
2021/01/08 Python
python中用Scrapy实现定时爬虫的实例讲解
2021/01/18 Python
基于HTML5 Canvas:字符串,路径,背景,图片的详解
2013/05/09 HTML / CSS
AmazeUI 加载进度条的实现示例
2020/08/20 HTML / CSS
施华洛世奇德国官网:SWAROVSKI德国
2017/02/01 全球购物
工程造价专业大学生职业生涯规划书
2014/01/18 职场文书
初二学习计划书范文
2014/04/27 职场文书
学校三节实施方案
2014/06/09 职场文书
供用电专业求职信
2014/07/07 职场文书
2014年“世界无车日”活动方案
2014/09/21 职场文书
2014年仓管员工作总结
2014/11/18 职场文书
关于vue中如何监听数组变化
2021/04/28 Vue.js
一文搞懂Python Sklearn库使用
2021/08/23 Python
vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错解决
2022/04/06 Vue.js