竖直滚动 jquery 文字 图片
2015-09-26 21:39
851 查看
<pre name="code" class="html">竖直滚动 jquery 文字 图片 .box4{height:200px;overflow:hidden;} <pre name="code" class="html"> .box4 ul{height:auto;} <div class="box4"> <ul> <li> </li> <ul> </div> $('.box4').myScroll({ speed:500, scroll_speed:500, see:8 }); (function($){ $.fn.myScroll = function(options){ var defaults = { speed:40, see:4, rowHeight:35, scroll_speed:200 }; var opts = $.extend({}, defaults, options),Increase=0; var _self = $(this), speeds = opts['speed'], $son = $(this).find('li'), Reduce=scroll_li = $son.length - opts['see'], son_ht = $son.innerHeight(), scroll_spd = opts.scroll_speed; function marquee(obj,step){ obj.animate({ scrollTop: step+'px' },scroll_spd,function(){ intervalFun(); }); } function intervalFun(){ var interval = setInterval(function(){ var _step =0; if(scroll_li > Increase){ ++Increase; _step = son_ht*Increase; marquee(_self,_step); clearInterval(interval); }else if(Reduce != 0){ --Reduce; _step = son_ht*Reduce; marquee(_self,_step); if(Reduce < 1){ Reduce = scroll_li; Increase=0; } clearInterval(interval); } },speeds); } intervalFun(); } })(jQuery);
相关文章推荐
- jQuery标签切换布局---tab
- 一步一步学jQuery(一)
- Jquery简介选择的
- jquery的隐藏与显示
- jquery validate表单验证插件的基本使用方法及功能拓展
- 选择29部分有用jQuery应用程序插件(免费点数下载)
- jQuery菜单制作
- Labelauty–jQuery单选框/复选框美化插件分享
- JQuery选项笔记 选择器终结篇 -- 小案例
- JQuery中$.each 和$(selector).each()的区别详解【转】
- 基于jQuery仿淘宝产品图片放大镜代码分享
- jQuery实现瀑布流
- 如何用jQuery实现ASP.NET GridView折叠伸展效果
- jQuery Validate插入 reomte使用详细的说明
- myeclipse中jquery.min.js引入到工程中显示红叉
- JQuery validate验证规则
- jQuery扩展与noConflict
- jQuery实现的登录浮动框效果代码
- jquery学习笔记(三)—属性选择器
- jQuery全选功能