博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery 单行多条信息滚动代码
阅读量:4150 次
发布时间:2019-05-25

本文共 5965 字,大约阅读时间需要 19 分钟。

function T(n){		document.getElementById("ArticleCnt").style.fontSize=n+"px";	}	function srcMarquee(){		this.ID = document.getElementById(arguments[0]);		if(!this.ID){			this.ID = -1;			return ;		}		this.Direction = this.Width = this.Height = this.DelayTime = this.WaitTime = this.Correct = this.CTL = this.StartID = this.Stop = this.MouseOver = 0;		this.Step = 1;		this.Timer = 30;		this.DirectionArray = {"top":0 , "bottom":1 , "left":2 , "right":3};		if(typeof arguments[1] == "number")this.Direction = arguments[1];		if(typeof arguments[2] == "number")this.Step = arguments[2];		if(typeof arguments[3] == "number")this.Width = arguments[3];		if(typeof arguments[4] == "number")this.Height = arguments[4];		if(typeof arguments[5] == "number")this.Timer = arguments[5];		if(typeof arguments[6] == "number")this.DelayTime = arguments[6];		if(typeof arguments[7] == "number")this.WaitTime = arguments[7];		if(typeof arguments[8] == "number")this.ScrollStep = arguments[8];				this.ID.style.overflow = this.ID.style.overflowX = this.ID.style.overflowY = "hidden";		this.ID.noWrap = true;		this.IsNotOpera = (navigator.userAgent.toLowerCase().indexOf("opera") == -1);		if(arguments.length >= 7)this.Start();		}		srcMarquee.prototype.Start = function(){		if(this.ID == -1)return;		if(this.WaitTime < 800)this.WaitTime = 800;		if(this.Timer < 20)this.Timer = 20;		if(this.Width == 0)this.Width = parseInt(this.ID.style.width);		if(this.Height == 0)this.Height = parseInt(this.ID.style.height);		if(typeof this.Direction == "string")this.Direction = this.DirectionArray[this.Direction.toString().toLowerCase()];		this.HalfWidth = Math.round(this.Width / 2);		this.BakStep = this.Step;		this.ID.style.width = this.Width;		this.ID.style.height = this.Height;		if(typeof this.ScrollStep != "number")this.ScrollStep = this.Direction > 1 ? this.Width : this.Height;		var msobj = this;		var timer = this.Timer;		var delaytime = this.DelayTime;		var waittime = this.WaitTime;		msobj.StartID = function(){msobj.Scroll()}		msobj.Continue = function(){		if(msobj.MouseOver == 1){		setTimeout(msobj.Continue,delaytime);		     }		     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,delaytime);		    }		msobj.Begin = function(){		   msobj.ClientScroll = msobj.Direction > 1 ? msobj.ID.scrollWidth : msobj.ID.scrollHeight;		   if((msobj.Direction <= 1 && msobj.ClientScroll 
1 && msobj.ClientScroll
1){ var event = event || window.event; if(window.event){ if(msobj.IsNotOpera){msobj.EventLeft = event.srcElement.id == msobj.ID.id ? event.offsetX - msobj.ID.scrollLeft : event.srcElement.offsetLeft - msobj.ID.scrollLeft + event.offsetX;} else{msobj.ScrollStep = null;return;} } else{msobj.EventLeft = event.layerX - msobj.ID.scrollLeft;} msobj.Direction = msobj.EventLeft > msobj.HalfWidth ? 3 : 2; msobj.AbsCenter = Math.abs(msobj.HalfWidth - msobj.EventLeft); msobj.Step = Math.round(msobj.AbsCenter * (msobj.BakStep*2) / msobj.HalfWidth); }}; msobj.ID.onmouseover = function(){ if(msobj.ScrollStep == 0)return; msobj.MouseOver = 1; clearInterval(msobj.TimerID); } msobj.ID.onmouseout = function(){ if(msobj.ScrollStep == 0){ if(msobj.Step == 0)msobj.Step = 1; return; } msobj.MouseOver = 0; if(msobj.Stop == 0){ clearInterval(msobj.TimerID); msobj.TimerID = setInterval(msobj.StartID,timer); }}}; setTimeout(msobj.Begin,waittime); }; srcMarquee.prototype.Scroll = function(){ switch(this.Direction){ case 0: this.CTL += this.Step; if(this.CTL >= this.ScrollStep && this.DelayTime > 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.DelayTime > 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.DelayTime > 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.DelayTime > 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; } }

 

 

CSS

#nav {MARGIN: 7px auto 0px; HEIGHT: 117px}#nav #hotnews {BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 89px}#Scroll {CLEAR: both; BORDER-RIGHT: #cdc9ca 1px solid; BORDER-TOP: #cdc9ca 1px solid; PADDING-LEFT: 100px; FONT-SIZE: 12px; BACKGROUND: url(http://mat1.qq.com/news/images/pub/2007/n_scroll.gif) no-repeat 18px 7px; MARGIN: 0px auto; BORDER-LEFT: #cdc9ca 1px solid; WIDTH: 808px; COLOR: #c2130e; LINE-HEIGHT: 27px; BORDER-BOTTOM: #cdc9ca 1px solid; HEIGHT: 27px; TEXT-ALIGN: left}#Scroll A {PADDING-RIGHT: 20px; PADDING-LEFT: 10px; BACKGROUND: url(http://mat1.qq.com/news/images/pub/2007/n_bar.gif) no-repeat 0px 0px; COLOR: #000; MARGIN-RIGHT: 5px; TEXT-DECORATION: none}#Scroll A.s_end {PADDING-RIGHT: 0px; MARGIN-LEFT: 8px}

 

 

 

new srcMarquee("ScrollMe",0,1,808,27,30,3000,3000,27);

 

单行上下滚动

 

转载地址:http://kvlti.baihongyu.com/

你可能感兴趣的文章
HTML5学习之——HTML 5 应用程序缓存
查看>>
HTML5学习之——HTML 5 Web Workers
查看>>
HTML5学习之——HTML 5 Canvas
查看>>
HTML5学习之——HTML5 内联 SVG
查看>>
HTML5学习之——HTML 5 服务器发送事件
查看>>
SVG学习之——HTML 页面中的 SVG
查看>>
SVG 形状学习之——SVG 矩形<rect>
查看>>
SVG 形状学习之——SVG圆形
查看>>
SVG 滤镜学习之——SVG 滤镜
查看>>
mysql中用命令行复制表结构的方法
查看>>
hbase shell出现ERROR: org.apache.hadoop.hbase.ipc.ServerNotRunningYetException
查看>>
让代码变得更优雅-Lombok
查看>>
解决Rhythmbox乱码
查看>>
豆瓣爱问共享资料插件发布啦
查看>>
Ubuntu10.10 CAJView安装 读取nh\kdh\caj文件 成功
查看>>
kermit的安装和配置
查看>>
vim 配置
查看>>
openocd zylin
查看>>
进程创建时文件系统处理
查看>>
进程创建时信号处理函数处理
查看>>