WebApp/js/marquee.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!--
/*JS Marquee Version 1.2(Javascript实现Marquee的效果,实现无缝/有间隙的二维滚动效果)*/
/*Author : ChenReal
  Email  : chenreal@21cn.com
  Date   : 2007-10-22*/
function Marquee(MarName)
{
	this.ID = document.getElementById(MarName);
    this.Speed = 30; //数字越大速度越慢
    this.Direction = 0;//滚动方向：0代表左;1代表右;2代表上;3代表下 
    this.Width = 0;//高度
    this.Height = 0;//宽度
	this.Space = 0;//是否有间隙：0代表否;1代表是
	this.Tag = "p";//滚动内容的标签,默认是<p>，也可以是<ul>，实践证明：<p>与<ul>不能嵌套使用。其他标签暂时不推荐。
	//开始滚动	
	this.Start = function(){
		MarqueeStart(this,this.Direction,this.Width,this.Height,this.Speed,this.Space,this.Tag);
	}
	//停止滚动并释放对象
	this.End = function(){
		MarqueeEnd(this);
	}
}

function MarqueeStart(Mar,Direction,Width,Height,Speed,Space,Tag){  
	var msobj;
	if(typeof(Mar) == "string"){
		msobj = new Marquee(Mar);
	}
	if(typeof(Mar) == "object"){
		msobj = Mar;
	}
	if(!msobj.ID) return;
	msobj.ID.style.width = Width + "px";
	msobj.ID.style.height = Height + "px";
	msobj.ID.style.overflow = msobj.ID.style.overflowX = msobj.ID.style.overflowY = "hidden";
    msobj.Direction = Direction;
    msobj.Width = Width;
    msobj.Height = Height;
    msobj.Speed = Speed;
	msobj.Space = Space;
	msobj.Tag = Tag;
    msobj.InnerDiv = msobj.ID.getElementsByTagName("div")[0];
	if(!msobj.InnerDiv) return;
    msobj.InnerDiv.innerHTML += msobj.InnerDiv.innerHTML;
    msobj.Inner = msobj.ID.getElementsByTagName(Tag); 
	if(!msobj.Inner) return;
    switch(Direction)
    {    
	    case 2:		
	        msobj.InnerDiv.style.width = Width + "px";
			msobj.Inner[0].style.width =Width + "px";
			msobj.Inner[1].style.width =Width + "px";
		    if(Height>=msobj.Inner[1].offsetHeight || msobj.Space ==1){
			    msobj.Inner[0].style.paddingTop = Height + "px";
			    msobj.Inner[1].style.paddingTop = Height + "px";;
		    }	
		    break;
	    case 3:
		    msobj.InnerDiv.style.width = Width + "px";