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 相关文章推荐
求解开jscript.encode代码的asp函数
Feb 28 Javascript
jquery 分页控件实现代码
Nov 30 Javascript
javascript中删除指定数组中指定的元素的代码
Feb 12 Javascript
js作用域及作用域链概念理解及使用
Apr 15 Javascript
JavaScript解析URL参数示例代码
Aug 12 Javascript
详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())
Aug 15 Javascript
JavaScript探测CSS动画是否已经完成的方法
Aug 30 Javascript
Vue + Webpack + Vue-loader学习教程之相关配置篇
Mar 14 Javascript
jquery实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
微信JSSDK调用微信扫一扫功能的方法
Jul 25 Javascript
VUE中使用HTTP库Axios方法详解
Feb 05 Javascript
小程序中手机号识别的示例
Dec 14 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简单系统数据添加以及数据删除模块源文件下载
2008/06/07 PHP
PHP之sprintf函数用法详解
2014/11/12 PHP
php创建、获取cookie及基础要点分析
2015/01/26 PHP
phpstudy隐藏index.php的方法
2020/09/21 PHP
javascript读取xml
2006/11/04 Javascript
在线编辑器中换行与内容自动提取
2009/04/24 Javascript
JavaScript代码简单实现求杨辉三角给定行的最大值
2013/10/29 Javascript
Javascript优化技巧之短路表达式详细介绍
2015/03/27 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
2015/06/18 Javascript
jQuery插件formValidator实现表单验证
2016/05/23 Javascript
详谈JS中实现种子随机数及作用
2016/07/19 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
2017/03/02 Javascript
详解微信小程序Radio选中样式切换
2017/07/06 Javascript
微信小程序js文件改变参数并在视图上及时更新【推荐】
2018/06/11 Javascript
微信小程序websocket实现聊天功能
2020/03/30 Javascript
vue之延时刷新实例
2019/11/14 Javascript
如何在node环境实现“get数据解析”代码实例
2020/07/03 Javascript
Vue实现点击导航栏当前标签后变色功能
2020/08/19 Javascript
[33:23]VG vs Pain 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python dict remove数组删除(del,pop)
2013/03/24 Python
跟老齐学Python之使用Python查询更新数据库
2014/11/25 Python
举例详解Python中yield生成器的用法
2015/08/05 Python
python批量替换多文件字符串问题详解
2018/04/22 Python
深入了解Django中间件及其方法
2019/07/26 Python
Python 利用邮件系统完成远程控制电脑的实现(关机、重启等)
2019/11/19 Python
matplotlib图例legend语法及设置的方法
2020/07/28 Python
Python 微信公众号文章爬取的示例代码
2020/11/30 Python
Python爬虫教程之利用正则表达式匹配网页内容
2020/12/08 Python
如何利用python正则表达式匹配版本信息
2020/12/09 Python
帕克纽约:PARKER NY
2018/12/09 全球购物
教育专业自荐书范文
2013/12/17 职场文书
音乐专业自荐信
2014/02/07 职场文书
卖车协议书
2014/04/21 职场文书
教师个人查摆剖析材料
2014/10/14 职场文书
运动会广播稿300字
2015/08/19 职场文书
Go中的条件语句Switch示例详解
2021/08/23 Golang