js滚动代码、向上滚动、向下滚动、向左滚动.doc

!-/*MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.65*/*应用说明:页面包含创建实例:/参数直接赋值法new Marquee(marquee)new Marquee(marquee,top).new Marquee(marquee,0,1,760,52)new Marquee(marquee,top,1,760,52,50,5000).new Marquee(marquee,0,1,760,104,50,5000,3000,52)new Marquee(marquee,null,null,760,104,null,5000,null,-1)/参数动态赋值法var marquee1 = new Marquee(marquee)*此参数必选marquee1.Direction = top;或者marquee1.Direction = 0;marquee1.Step = 1;marquee1.Width = 760;marquee1.Height = 52;marquee1.Timer = 50;marquee1.DelayTime = 5000;marquee1.WaitTime = 3000;marquee1.ScrollStep = 52;marquee1.Start();参数说明:IDmarquee容器ID(必选)Direction(0)滚动方向(可选,默认为0向上滚动) 可设置的值包括:0,1,2,3,top,bottom,left,right (0向上 1向下 2向左 3向右)Step(1)滚动的步长(可选,默认值为2,数值越大,滚动越快)Width(760)容器可视宽度(可选,默认值为容器初始设置的宽度)Height(52)容器可视高度(可选,默认值为容器初始设置的高度)Timer(50)定时器(可选,默认值为30,数值越小,滚动的速度越快,1000=1秒,建议不小于20)DelayTime(5000)间歇停顿延迟时间(可选,默认为0不停顿,1000=1秒)WaitTime(3000)开始时的等待时间(可选,默认或0为不等待,1000=1秒)ScrollStep(52)间歇滚动间距(可选,默认为翻屏宽/高度,该数值与延迟均为0则为鼠标悬停控制,-1禁止鼠标控制)使用建议:1、建议直接赋予容器的显示区域的宽度和高度，如(.)2、建议为容器添加样式overflow = auto，如(.)3、为了更准确的获取滚动区域的宽度和高度，请尽可能将各滚动单位直接赋予正确宽高度4、对于TABLE标记的横向滚动，需要对TABLE添加样式display = inline，如(.)5、对于翻屏滚动或间歇滚动，要注意各滚动单位间的间距，同时需要对容器的可视高度和可视宽度做好准确的设置，对于各滚动单位间的间距可以通过设置行间距或者单元格的高宽度来进行调整6、对于LI自动换行的问题暂时没有更好的解决办法，建议将其转换成表格(TABLE)的形式来达到同等的效果7、针对横向滚动的文字段落，如果最末端是以空格 结束的，请将空格 转换成 8、鼠标悬停滚动思想源自Flash，所以有一定的局限性（容器内仅允许用图片或者带链接的图片的形式，并需要禁止其自动换行）*/function Marquee()this.ID = document.getElementById(arguments0);if(!this.ID)alert(您要设置的 + arguments0 + 初始化错误rn请检查标签ID设置是否正确!);this.ID = -1;return;this.Direction = this.Width = this.Height = this.DelayTime = this.WaitTime = this.CTL = this.StartID = this.Stop = this.MouseOver = 0;this.Step = 1;this.Timer = 30;this.DirectionArray = top:0 , up:0 , bottom:1 , down:1 , left:2 , right:3;if(typeof arguments1 = number | typeof arguments1 = string)this.Direction = arguments1;if(typeof arguments2 = number)this.Step = arguments2;if(typeof arguments3 = number)this.Width = arguments3;if(typeof arguments4 = number)this.Height = arguments4;if(typeof arguments5 = number)this.Timer = arguments5;if(typeof arguments6 = number)this.DelayTime = arguments6;if(typeof arguments7 = number)this.WaitTime = arguments7;if(typeof arguments8 = number)this.ScrollStep = arguments8;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();Mtotype.Start = function()if(this.ID = -1)return;if(this.WaitTime 800)this.WaitTime = 800;if(this.Timer 1 ? this.Width : this.Height;var templateLeft = MSCLASS_TEMP_HTMLMSCLASS_TEMP_HTML;var templateTop = MSCLASS_TEMP_HTMLMSCLASS_TEMP_HTML;var msobj = this;msobj.tempHTML = msobj.ID.innerHTML;if(msobj.Direction 1 ? msobj.ID.scrollWidth / 2 : msobj.ID.scrollHeight / 2;if(msobj.Direction = 1 & msobj.ClientScroll 1 & msobj.ClientScroll = msobj.Width + msobj.Step)msobj.ID.innerHTML = msobj.tempHTML;delete(msobj.tempHTML);return;delete(msobj.tempHTML);msobj.TimerID = setInterval(msobj.StartID,timer);if(msobj.ScrollStep 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;elsemsobj.ScrollStep = null;return;elsemsobj.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);Mtotype.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;elseif(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;elseif(this.ID.scrollTop = this.ScrollStep & this.DelayTime 0)this.ID.scrollLeft += this.ScrollStep + this.Step - this.CTL;this.Pause();return;elseif(this.ID.scrollLeft = this.ClientScroll)this.ID.scrollLeft