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 相关文章推荐
JS 添加网页桌面快捷方式的代码详细整理
Dec 27 Javascript
判断js对象是否拥有某一个属性的js代码
Aug 16 Javascript
jQuery插件 selectToSelect使用方法
Oct 02 Javascript
使用jquery prev()方法找到同级的前一个元素
Jul 11 Javascript
jQuery实现的图片分组切换焦点图插件
Jan 06 Javascript
Javascript中的Callback方法浅析
Mar 15 Javascript
jQuery弹出层插件Lightbox_me使用指南
Apr 21 Javascript
JavaScript中this的四个绑定规则总结
Sep 26 Javascript
原生javascript实现的ajax异步封装功能示例
Nov 03 Javascript
纯js模仿windows系统日历
Feb 04 Javascript
JavaScript中import用法总结
Jan 20 Javascript
JS算法题之查找数字在数组中的索引位置
May 15 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 不同编码下的字符串长度区分
2009/09/26 PHP
使用PHP实现二分查找算法代码分享
2011/06/24 PHP
php笔记之:AOP的应用
2013/04/24 PHP
php smarty模板引擎的6个小技巧
2014/04/24 PHP
php删除指定目录的方法
2015/04/03 PHP
php实现统计目录文件大小的函数
2015/12/25 PHP
PHP使用file_get_content设置头信息的方法
2016/02/14 PHP
PHP十六进制颜色随机生成器功能示例
2017/07/24 PHP
PHP chunk_split()函数讲解
2019/02/12 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
js日期相关函数总结分享
2013/10/15 Javascript
JS的get和set使用示例
2014/02/20 Javascript
Javascript实现计算个人所得税
2015/05/10 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
2016/03/02 Javascript
JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
2016/03/25 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
2016/05/25 Javascript
全面接触神奇的Bootstrap导航条实战篇
2016/08/01 Javascript
基于vue组件实现猜数字游戏
2020/05/28 Javascript
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
2017/12/21 Javascript
vue axios重复点击取消上一次请求封装的方法
2019/06/19 Javascript
jquery实现进度条状态展示
2020/03/26 jQuery
[54:53]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第二场
2014/05/23 DOTA
Python写的一个简单监控系统
2015/06/19 Python
Django ORM框架的定时任务如何使用详解
2017/10/19 Python
Python去除、替换字符串空格的处理方法
2018/04/01 Python
python时间序列按频率生成日期的方法
2019/05/14 Python
python根据文本生成词云图代码实例
2019/11/15 Python
Python调用graphviz绘制结构化图形网络示例
2019/11/22 Python
澳大利亚领先的在线美容商城:Adore Beauty
2017/04/14 全球购物
巴西宠物店在线:Geração Pet
2017/05/31 全球购物
协议书怎么写
2014/04/21 职场文书
二年级班级文化建设方案
2014/05/10 职场文书
大学生村官驻村工作心得体会
2016/01/23 职场文书
创业计划书之餐饮
2019/09/02 职场文书
Python实现照片卡通化
2021/12/06 Python