模版里添加连续滚动代码技巧兼容多浏览器

字幕区域(div)的 显示内容(div或td)的ID direction字幕方向(up,down,left,right);delay字幕的延迟时间(毫秒step字幕的步长(即pix,步长越小,如step=1,滚动越平滑functionMarquee(demo,demo1,demo2,direction,delay,{direction=if(((direction=="up"||direction=="down")&&($(demo1).offsetHeight$(demo).offsetHeight))||((direction=="left"||direction=="right")&&($(demo1).offsetWidth>$(demo).offsetWidth))){$(demo2).innerHTML=$(demo1).innerHTML;if(direction=="down")$(demo).scrollTop=2*$(demo1).offsetHeight-$(demo).offsetHeight;if(direction=="right")$(demo).scrollLeft=2*$(demo1).offsetWidth-}varflag=varspeed=delay==null?1:parseInt(delay);varamount=step==null?1:parseInt(step);varMarquee=function(){{caseif($(demo2).offsetTop-$(demo).scrollTop<=$(demo).scrollTop-=$(demo1).offsetHeight;$(demo).scrollTop+=amount;caseif($(demo1).offsetTop-$(demo).scrollTop>=$(demo).scrollTop+=$(demo2).offsetHeight;$(demo).scrollTop-=amount;caseif($(demo2).offsetWidth-$(demo).scrollLeft<=$(demo).scrollLeft-=$(demo1).offsetWidth;$(demo).scrollLeft+=amount;case"right":if($(demo).scrollLeft<=0)$(demo).scrollLeft+=$(demo2).offsetWidth;$(demo).scrollLeft-=amount;}}vartimer=setInterval(Marquee,speed);vary=function(){{timer=setInterval(Marquee,}}$(demo).onmouseover=function{}$(demo).onmouseout=function{timer=setInterval(Marquee,}this.delay=function{speed=s==null?50:parseInt(s);}this.step=function{amount=s==null?1:parseInt(s);}this.start=function{{flag=true;}}this.stop=function{{flag=}}this.direction=function{s=s.toLowerCase();if(s==direction)if(s=="down"&&direction=="up")direction=s;if(s=="up"&&direction=="down")direction=s;if(s=="right"&&direction=="left")direction=s;if(s=="left"&&direction=="right")direction=s;if(s==direction)}}上面js里用到的$或$F,如果你用过prototype.js的话,把它添加进去就行了;否则你需要先下面的js文件:Ruby.js (从prototype.js里截过来的呵呵)functionRuby{}if(!Atotype.push){Atotype.push=function(){varstartLength=for(vari=0;i<arguments.length;i++)this[startLength+i]=arguments[i];returnthis.length;}}$=function{varelements=newfor(vari=0;i<arguments.length;i++){varelement=arguments[i];if(typeofelement==element= if(arguments.length==1)returnelement;}return}$F=function{if(arguments.length==return.ge {varelements=newfor(vari=0;i<arguments.length;{elements.push( }return}} <script<script<divid="d1"<divid="d11"width="100%"<divid="d12"width="100%"<script>varobj1=new由于字幕d1height=200,而d11200,故字幕默认不会滚动,要实现滚动的d11height>200d11divheight=200;d11200px,d1<divid