把鼠标移到文字链接上看看效果。 安装 步骤一 拷贝以下脚本後贴在有关网页的<head></head>之间。 <script type="text/javascript"> function scrollerObj(name,initH,initW,heightB,widthB,content,initBg,Bg,speed,initFl){ this.name=name; this.initH=initH; this.initW=initW; this.heightB=heightB; this.widthB=widthB; this.content=content; this.initBg=initBg; this.Bg=Bg; this.iniFl=initFl; this.speed=parseInt(speed); this.timer = name + "Timer"; this.elem; this.getElement = getElement; this.createLayer=createLayer; this.scrollLayer = scrollLayer; this.scrollLoop=scrollLoop; this.createLayer(); this.getElement(); this.scrollLayer(); } function scrollLoop(s){ this.speed = s; } function scrollLayer(){ if(parseInt(this.elem.style.top)>(this.elem.offsetHeight*(-1))){ this.elem.style.top = parseInt(this.elem.style.top)-this.speed; } else {this.elem.style.top = this.initH;} } function getElement(){ if(document.getElementById){ this.elem = document.getElementById(this.name); } else if (document.all){ this.elem = document.all[name]; } else if (document.layers){ this.elem = document.layers[name]; } } function createLayer(){ if(document.getElementById || document.all){ document.write('<div id="layer'+this.name+'" style="position:relative;overflow:hidden;float:'+this.initFl+';background-color:#'+this.initBg+';border:0px solid black;width:'+this.initW+'px;height:'+this.initH+'px;" onMouseover="'+this.name+'.scrollLoop(0)" onMouseout="'+this.name+'.scrollLoop('+this.speed+')">'); document.write('<div id="'+this.name+'" style="position:absolute;top:'+this.initH+'px;left:0px;border:0px solid black;width:'+this.widthB+'px;height:'+this.heightB+'px;background-color:#'+this.Bg+'">'); document.write(this.content); document.write('<\/div><\/div>');} else if(document.layers){ document.write('<ilayer name="'+this.name+'" bgcolor="#'+this.Bg+'" width="'+this.widthB+'" height="'+this.heightB+'">'+this.content+'<\/ilayer>'); return; } if(this.scrollLayer){ this.timer = setInterval(this.name+'.scrollLayer()','30'); } } </script> 步骤二 拷贝以下脚本贴在网页<body>与</body>之间的适当位置。 <div align="center"> <script type="text/javascript"> //<![CDATA[ <!-- var c = new scrollerObj('c','300','100','50','100','<h1>滚动新闻栏<\/h1><p>这个滚动栏可放置更新消息。可使用任何html语法，包括图像。<\/p>','FFDD00','cccccc','2','center'); //--> //]]> </script> </div> 就是如此简单！请享用
步骤一 拷贝以下脚本後贴在有关网页的<head></head>之间。
步骤二 拷贝以下脚本贴在网页<body>与</body>之间的适当位置。