珠江路在线
首页
互联网思维
硬件中心
软件中心
游戏中心
源码之家
今日新鲜事
传奇
软件开发培训班
>>
编程开发
>> JavaScript
软件新闻
编程开发
创意设计
操作系统
软件下载
javascript上下左右定时滚动插件
本文标签：上下左右,定时滚动
<script type="text/javascript"> function Marquee() { this.ID = document.getElementById(arguments[0]); this.Direction = arguments[1]; this.Step = arguments[2]; this.Width = arguments[3]; this.Height = arguments[4]; this.Timer = arguments[5]; this.WaitTime = arguments[6]; this.StopTime = arguments[7]; if (arguments[8]) { this.ScrollStep = arguments[8]; } else { this.ScrollStep = this.Direction > 1 ? this.Width : this.Height; } this.CTL = this.StartID = this.Stop = this.MouseOver = 0; this.ID.style.overflowX = this.ID.style.overflowY = "hidden"; this.ID.noWrap = true; this.ID.style.width = this.Width; this.ID.style.height = this.Height; this.ClientScroll = this.Direction > 1 ? this.ID.scrollWidth : this.ID.scrollHeight; this.ID.innerHTML += this.ID.innerHTML; this.Start(this, this.Timer, this.WaitTime, this.StopTime); } Marquee.prototype.Start = function(msobj, timer, waittime, stoptime) { msobj.StartID = function() { msobj.Scroll(); } msobj.Continue = function() { if (msobj.MouseOver == 1) { setTimeout(msobj.Continue, waittime); } else { clearInterval(msobj.TimerID); msobj.CTL = msobj.Stop = 0; msobj.TimerID = setInterval(msobj.StartID, timer); } } msobj.Pause = function() { msobj.Stop = 1; clearInterval(msobj.TimerID); setTimeout(msobj.Continue, waittime); } msobj.Begin = function() { msobj.TimerID = setInterval(msobj.StartID, timer); msobj.ID.onmouseover = function() { msobj.MouseOver = 1; clearInterval(msobj.TimerID); } msobj.ID.onmouseout = function() { msobj.MouseOver = 0; if (msobj.Stop == 0) { clearInterval(msobj.TimerID); msobj.TimerID = setInterval(msobj.StartID, timer); } } } setTimeout(msobj.Begin, stoptime); } Marquee.prototype.Scroll = function() { switch (this.Direction) { case 0: this.CTL += this.Step; if (this.CTL >= this.ScrollStep && this.WaitTime > 0) { this.ID.scrollTop += this.ScrollStep + this.Step - this.CTL; this.Pause(); return; } else { if (this.ID.scrollTop >= this.ClientScroll) this.ID.scrollTop -= this.ClientScroll; this.ID.scrollTop += this.Step; } break; case 1: this.CTL += this.Step; if (this.CTL >= this.ScrollStep && this.WaitTime > 0) { this.ID.scrollTop -= this.ScrollStep + this.Step - this.CTL; this.Pause(); return; } else { if (this.ID.scrollTop <= 0) this.ID.scrollTop += this.ClientScroll; this.ID.scrollTop -= this.Step; } break; case 2: this.CTL += this.Step; if (this.CTL >= this.ScrollStep && this.WaitTime > 0) { this.ID.scrollLeft += this.ScrollStep + this.Step - this.CTL; this.Pause(); return; } else { if (this.ID.scrollLeft >= this.ClientScroll) this.ID.scrollLeft -= this.ClientScroll; this.ID.scrollLeft += this.Step; } break; case 3: this.CTL += this.Step; if (this.CTL >= this.ScrollStep && this.WaitTime > 0) { this.ID.scrollLeft -= this.ScrollStep + this.Step - this.CTL; this.Pause(); return; } else { if (this.ID.scrollLeft <= 0) this.ID.scrollLeft += this.ClientScroll; this.ID.scrollLeft -= this.Step; } break; } } </script> 下方是我的HTML代码，一看就明白怎么回事了: <ul id="s1"> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> <li>第三帝国发大概得法规的非官方的鬼地方鬼地方</li> </ul> <script type="text/javascript"> <!-- window.onload = function() { new Marquee( "s1", //容器ID 0, //向上滚动(0向上 1向下 2向左 3向右) 2, //滚动的步长 251, //容器可视宽度 520, //容器可视高度 50, //定时器 数值越小，滚动的速度越快(1000=1秒,建议不小于20) 2000, //间歇停顿时间(0为不停顿,1000=1秒) 3000, //开始时的等待时间(0为不等待,1000=1秒) 75 //间歇滚动间距(可选),可理解为行高，我这里是3*25=75，就是每次滚动三行 ); }; --> </script>
技术文章快速查找
JavaScript 自动在表格前面增加序号
一个js拖拽的效果类和dom-drag.js浅析
javascript实现的距离现在多长时间后的一个格式化的日期
技术分享 IE7.JS如何解决IE兼容性问题
Mootools 1.2教程 同时进行多个形变动画
3种不同方式的焦点图轮播特效分享
javascript两段代码,两个小技巧
javascript异步编程
相关下载
在线教程导航
软件应用
·
Windows8
·
Windows7
·
Word
·
Excel
·
PPT
·
WPS
Web开发
·
ASP
·
JavaScript
·
DIV+CSS
·
JSP
·
VbScript
·
XML
·
PHP
开发语言
·
VB
·
VC
·
ASP.NET
·
Java
·
C++
·
Delphi
数据库开发
·
MySQL
·
MsSQL
·
Access
·
Oracle
·
DB2
手机系统
·
Android
·
iOS
·
WindowsPhone
网站设计
·
Flash
·
Dreamweaver
·
Fireworks
平面设计
·
Photoshop
·
CorelDraw
·
AutoCAD
·
3DsMAX
·
Illustrator
网络技术
·
网站运营
·
网络安全
·
网络搭建
工具：
成语大全
邮编区号
全国地图
南京二手车
免费电影
汉字换拼音
繁体字转换
二维码
| 站长工具：
收录/反向链接
ALEXA排名
关键词排名
WHOIS
教程：
PPT
Excel
Word
Dreamweaver
Photoshop
|
ASP
PHP
|
ASP.NET
Java
|
SQL
MySQL
热门论坛：
游戏
美食
传奇
冒险岛
魔域
天龙八部
DNF
征途
游戏：
传奇
天龙八部
魔域
奇迹
DNF公益服
传奇世界
神途
梦幻西游
天龙八部
魔域
DNF
冒险岛
奇迹
魔域
传奇
单职业
天龙
魔域
梦幻西游
DNF
天龙八部
关于我们
广告报价
|
版权声明
：本网站归南京网爵数码科技有限责任公司版权所有。
苏ICP备05016148号-1
公安备案号 32010202010177
