关于符合WEB标准的滚动文字特效的实现方法 dn001 2009-06-21 08:20:30 <!-- 把下列代码放到head区域内--> <script> <!-- lstart=0 loop=true speed=85 pr_step=3 // 速度,数值越大,速度越快 newspeed=800 newspeed2=0 function makeObj(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.css=(document.layers) ? eval(nest+'document.'+obj):eval(obj+'.style') this.scrollHeight=(document.layers) ? this.css.document.height:eval(obj+'.offsetHeight') this.scrollWidth=(document.layers) ? this.css.document.width:eval(obj+'.offsetWidth') this.up=goUp this.obj = obj + "Object" eval(this.obj + "=this") return this } function goUp(speed){ if(parseInt(this.css.top)>-(this.scrollHeight-0)){ this.css.top=parseInt(this.css.top)-pr_step-1 //alert("ok") setTimeout(this.obj+".up("+speed+")",35) // 设置速度,流畅性比较好 }else { if(navigator.appName == "Netscape") { tome=setInterval(this.obj+".setClipne()",50)} else{ tome=setInterval('setClipie()',50) tmp=divCont.style.clip; } } } //more javascript from http://www.knowsky.com function setClipne(){ //this.css.clip.right=this.css.clip.right-pr_step; //this.css.clip.left=this.css.clip.left+pr_step; //temp=parseInt(this.css.clip.right)-parseInt(this.css.clip.left); if(temp==0) {clearInterval(tome); document.divCont.document.divNews.visibility="hide"; document.divCont.visibility="hide"; } } function setClipie() { newspeed=newspeed-pr_step; newspeed2=newspeed2+pr_step; temp="rect(0px "+newspeed+"px 600px "+newspeed2+"px)"; this.css.clip=temp; if(newspeed<newspeed2) { clearInterval(tome); divNews.style.display="none" divCont.style.display="none" } } function slideInit(){ oSlide=makeObj('divNews','divCont') oSlide.css.top=lstart oSlide.up(speed) } function myload(){ setTimeout("slideInit()",4000); // 打开时显示flash的停留时间 } myload() //--> </script> <!--将下面的代码复制到<body>~</body>里--> <script language=javascript> document.write("<div id=divAll style='position:absolute;'><div id=divCont style='position:absolute; width:386; height:60; top:0; left:-12; clip:rect(0,800,600,0)'><div id=divNews style='position:absolute; top:0; left:10; right:820'><embed src=http://www.knowsky.com/images/banner.swf qulity=high width=602 height=525 onload=myload ></embed></div></div></div>"); </script><script language=javascript> { if (navigator.appName == "Netscape") {document.write("<layer id=divCont onLoad='moveToAbsolute(layer1.pageX-160,layer1.pageY);clip.height=600;clip.width=800; visibility="show";'><layer id=divNews position:absolute; top:0; left:0><embed src=http://www.knowsky.com/images/banner.swf qulity=high width=602 height=25></embed></layer></layer>") } } </script>