模版里添加連續(xù)滾動(dòng)代碼技巧兼容多瀏覽器

字幕區(qū)域(div)的 顯示內(nèi)容(div或td)的ID direction字幕方向(up,down,left,right);delay字幕的延遲時(shí)間(毫秒step字幕的步長(zhǎng)(即pix,步長(zhǎng)越小,如step=1,滾動(dòng)越平滑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的話,把它添加進(jìn)去就行了;否則你需要先下面的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,故字幕默認(rèn)不會(huì)滾動(dòng),要實(shí)現(xiàn)滾動(dòng)的d11height>200d11divheight=200;d11200px,d1<divid