基于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 CSS 修改学习第四章 透明度设置
Feb 19 Javascript
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
Aug 14 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
Oct 09 Javascript
一个php+js实时显示时间问题
Oct 12 Javascript
JS组件Bootstrap Table使用方法详解
Feb 02 Javascript
JS跨域解决方案之使用CORS实现跨域
Apr 14 Javascript
jQuery 中ajax异步调用的四种方式
Jun 28 Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 Javascript
react-native 完整实现登录功能的示例代码
Sep 11 Javascript
vue使用v-if v-show页面闪烁,div闪现的解决方法
Oct 12 Javascript
vue 本地服务不能被外部IP访问的完美解决方法
Oct 29 Javascript
微信小程序自定义扫码功能界面的实现代码
Jul 02 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
php+mysql结合Ajax实现点赞功能完整实例
2015/01/30 PHP
PHP仿微信发红包领红包效果
2016/10/30 PHP
JavaScript基本对象
2007/01/11 Javascript
一个cssQuery对象 javascript脚本实现代码
2009/07/21 Javascript
JS常见问题整理(持续更新)
2013/08/06 Javascript
Jquery操作下拉框(DropDownList)实现取值赋值
2013/08/13 Javascript
JS对select控件option选项的增删改查示例代码
2013/10/21 Javascript
JavaScript显示当然日期和时间即年月日星期和时间
2013/10/29 Javascript
js判断页面中是否有指定控件的简单实例
2014/03/04 Javascript
JavaScript Math.floor方法(对数值向下取整)
2015/01/09 Javascript
javascript结合CSS实现苹果开关按钮特效
2015/04/07 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
2016/08/25 Javascript
Vue自定义指令拖拽功能示例
2017/02/17 Javascript
Vue2.0用户权限控制解决方案
2017/11/29 Javascript
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
2018/04/26 jQuery
微信小程序开发背景图显示功能
2018/08/08 Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
2018/08/19 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
2018/09/30 Javascript
JavaScript学习笔记之数组基本操作示例
2019/01/09 Javascript
VUE 自定义组件模板的方法详解
2019/08/30 Javascript
ElementUI多个子组件表单的校验管理实现
2019/11/07 Javascript
[01:45]IMBATV TI4前线报道-选手到达
2014/07/07 DOTA
[04:52]2015国际邀请赛LGD战队晋级之路
2015/08/14 DOTA
Pythont特殊语法filter,map,reduce,apply使用方法
2016/02/27 Python
关于Python正则表达式 findall函数问题详解
2018/03/22 Python
Flask之flask-script模块使用
2018/07/26 Python
Python 依赖库太多了该如何管理
2019/11/08 Python
教师职称自我鉴定
2014/02/12 职场文书
初中毕业生的自我评价
2014/03/03 职场文书
小学生美德少年事迹材料
2014/08/24 职场文书
2014年团队工作总结
2014/11/24 职场文书
2015年先进个人自荐书
2015/03/24 职场文书
表扬信格式模板
2015/05/05 职场文书
建党伟业电影观后感
2015/06/01 职场文书
高一英语教学反思
2016/03/03 职场文书
nginx中封禁ip和允许内网ip访问的实现示例
2022/03/17 Servers