jquery 上下滚动广告


Posted in Javascript onJune 17, 2009
(function($){ 
$.fn.extend({ 
rollList:function(option){ 
option=$.extend({ 
direction:"up", 
step:1, 
time:23 
},option); 
var step_coe,scroll_coe,score_coe; 
if(option.direction=="up") 
{ 
step_coe=1; 
scroll_coe=1; 
score_coe=1; 
}else 
{ 
step_coe=-1; 
scroll_coe=-1; 
score_coe=0; 
} 
return this.each(function(){ 
var $this=$(this); 
var _this=this; 
var itemHeight; 
var temp=$("<DIV> </DIV>"); 
$this.css("overflow","hidden").children() 
.appendTo(temp); 
$this.append(temp.clone(true)).append(temp); 
itemHeight=$this.children(); 
itemHeight=itemHeight.eq(1).offset().top-itemHeight.eq(0).offset().top; 
while($this.children(":last").offset().top-$this.offset().top<=$this.height()) 
$this.append(temp.clone(true)); 
var roll; 
this.scrollTop=itemHeight*(1-score_coe); 
roll=function (){ 
temp=setInterval(function(){ 
if(_this.scrollTop*scroll_coe>=itemHeight*score_coe) 
{ 
_this.scrollTop=(_this.scrollTop-itemHeight)*scroll_coe; 
} 
_this.scrollTop+=option.step*step_coe; },option.time); 
} 
$this.hover(function(){ 
clearInterval(temp); 
},function(){ 
roll(); 
}); 
roll(); 
}); 
} 
}) 
}(jQuery));

调用如下:
$(elem).rollList();

Javascript 相关文章推荐
dojo 之基础篇
Mar 24 Javascript
JavaScript中获取未知对象属性的代码
Apr 27 Javascript
js触发asp.net的Button的Onclick事件应用
Feb 02 Javascript
JS字符串拼接在ie中都报错的解决方法
Mar 27 Javascript
借助javascript代码判断网页是静态还是伪静态
May 05 Javascript
JavaScript实现弹出子窗口并传值给父窗口
Dec 18 Javascript
jquery使整个div区域可以点击的方法
Jun 24 Javascript
jQuery插件实现多级联动菜单效果
Dec 01 Javascript
Jquery实现简单的轮播效果(代码管用)
Mar 14 Javascript
vue+axios实现登录拦截的实例代码
May 22 Javascript
微信小程序实现自定义加载图标功能
Jul 19 Javascript
使用angularjs.foreach时return的问题解决
Sep 30 Javascript
jQuery Ajax文件上传(php)
Jun 16 #Javascript
JavaScript 高级语法介绍
Jun 15 #Javascript
JavaScript 撑出页面文字换行
Jun 15 #Javascript
jquery.alert 弹出式复选框实现代码
Jun 15 #Javascript
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
Jun 14 #Javascript
FireFox JavaScript全局Event对象
Jun 14 #Javascript
Javascript 错误处理的几种方法
Jun 13 #Javascript
You might like
PHP截取中文字符串的问题
2006/07/12 PHP
WordPress中获取页面链接和标题的相关PHP函数用法解析
2015/12/17 PHP
YII使用url组件美化管理的方法
2015/12/28 PHP
YUI 读码日记之 YAHOO.lang.is*
2008/03/22 Javascript
Mootools 1.2教程 事件处理
2009/09/15 Javascript
JavaScript Memoization 让函数也有记忆功能
2011/10/27 Javascript
jquery写个checkbox——类似邮箱全选功能
2013/03/19 Javascript
window.showModalDialog参数传递中含有特殊字符的处理方法
2013/06/06 Javascript
jQuery遮罩层实例讲解
2017/05/11 jQuery
Bootstrap Table 搜索框和查询功能
2017/11/30 Javascript
node vue项目开发之前后端分离实战记录
2017/12/13 Javascript
js 将canvas生成图片保存,或直接保存一张图片的实现方法
2018/01/02 Javascript
js中split()方法得到的数组长度问题
2018/07/19 Javascript
详解vuex 渐进式教程实例代码
2018/11/27 Javascript
基于webpack4.X从零搭建React脚手架的方法步骤
2018/12/23 Javascript
js+css实现全屏侧边栏
2020/06/16 Javascript
[04:42]2015国际邀请赛CDEC战队晋级之路
2015/08/13 DOTA
理解Python中的With语句
2016/03/18 Python
python中子类调用父类函数的方法示例
2017/08/18 Python
使用Selenium破解新浪微博的四宫格验证码
2018/10/19 Python
python 删除字符串中连续多个空格并保留一个的方法
2018/12/22 Python
python pytest进阶之xunit fixture详解
2019/06/27 Python
python中利用numpy.array()实现俩个数值列表的对应相加方法
2019/08/26 Python
在pycharm中关掉ipython console/PyDev操作
2020/06/09 Python
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
加拿大最大的相机店:Henry’s
2017/05/17 全球购物
德国珠宝和手表在线商店:VALMANO
2019/03/24 全球购物
夏威夷咖啡公司:Hawaii Coffee Company
2019/09/19 全球购物
英国高街奥特莱斯:Highstreet Outlet
2019/11/21 全球购物
高中毕业生登记表自我鉴定范文
2014/03/18 职场文书
工厂仓管员岗位职责范本
2014/07/17 职场文书
争先创优演讲稿
2014/09/15 职场文书
销售员岗位职责
2015/02/10 职场文书
教师正风肃纪心得体会
2016/01/15 职场文书
PHP判断是否是json字符串
2021/04/01 PHP
SQL注入的实现以及防范示例详解
2021/06/02 MySQL