javascriptを使ってmarkeeのスクロール字幕の効果コードを代替します.

5645 ワード

マルクのラベルは今はだんだん少なくなりましたので、スクロールの効果の方法は大体javascriptに変えて実現しました.なぜ直接にマルクのラベルを使わないのか分かりません.まずこの文章を読んでみてください.
第一の方法:Javascriptでmarkeeのやり方を模擬する.
網易のゲーム
ホットニュース<!--body{margin:0 px;font-size:12 px;line-height:150%;text-align:center;)a:link{font-size:9 D 943 A;font-size:12 px;a:hover{color=red}:(zhi-ff0000;font-size:12 px;)a.red:hover[/color][/url]font-size:12 px;]a.red:visited:[/color][/url]font-size:12 px;癜marqueeBox{background:菗f 7 f 7 f 7;border:1 px sold silver;padding:1 px;text-align:center;magin:0 atot;}スクロールニュースvar markeeContent=new Aray()マルクコンテント[0]=“<a href=”http://xyq.163.com/news/2006/11/2-2-20061102170913.html target=\\u blankgt;"夢の密保"で急速にアカウントのパスワードを取り戻します.マルクコンテント[1]=“<a href=”http://ekey.163.com/target=_blankgt;網易将軍令公式サイト</agt;;;;;マルク・コンテント[2]=“<a href=”http://xyq.163.com/download/wallpaper.htm target=_blankgt;最新壁紙ダウンロード</agt;;;;;;マルク・コンテント[3]=“<a href=”http://xyq.163.com/download/around.htm target=_blankgt;最新の保護ダウンロード</agt;;;;;;var markee Interval=new Aray()var markeeId=0var markeeDelay=2000;var markeeHeight=20;fnction initMarqueee(){var str=maqueeContnttent[0];document.write('<div id=“maqueeBox”style=“overflow:hidden;width:250 px;height:'+marqueeHeighht+px”momomocleeemaclclemarerererereremomomomomomomomomocleeeemomomomomomomomomomomomomomorevarevarevarevarevarevarerevarevarevarerevarevarevarerererevarevarevarevatertertertereeemomomomomomomomomomortMarquee()\u 0026 quot;maquee Delay"><divgt;+str+'</divgt;<marqueeeeId+;marqueeeeInterval[0]=set Interval("startMarqueee"、maqueeDelay);function startMarquee(){var str=maqueeContnttent[ marqueeId];marqueeId+;iif(maqueeId+;marqueeiiiiiif(markeeIdd/markeeeeiiiiiiiiiiiiiif(markinininininindededededededededededededededededededededededededededededededededededededededededededededededededededeth==1){var nextLine=document.create Element('DIV')nextLine.innenenenenese HTML=str;document.getElemenntById(「marqueeBox」).apendChildldld(nextLine);}else{document.getElemenntById(「marqueex」).childNodes[0.innenenenenettttttttttttttttttttttttdededededededededededetttttttttttttttttttttttttttttttttttttttttttttttttttttttttttBox).childNodes[0];document.getElement ById(「marqueeBox」).scrollTop=0;clear Interval(markee Interval)[1];marqueeInterval[1]=set Interval(「scrollMarquee()」20);function scrollMarkquee(){ Dcument.getElementById(「marqueeBox」).scrollTop+if(document.getEgetEdedededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededededeval[1];}initMarquee();
[Ctrl+A全選注:外部Jsを導入するにはリフレッシュが必要です.]
個人的な観点:webの利用可能性から言えば、このコードを採用すると同時に、noscript環境の利用可能性を考慮して、内容を以下のサイドコードの形でページに表示することを提案します.
 
  

スクリプトで隠しを設定し、リスト項目をjavascriptで定義された配列に読み込むと、noscript環境でも正常にコンテンツリストが表示されます.
第二の方法:これはより強くて、自動的に内容によって左右にスクロールできます.幅が小さすぎて、切り取り問題を解決しました.
译文:風が人を感動させる.
SCROLL摨问infozone{font-size:12 px;色:\\\\\3345a6;overflow:hidden;width:100 px;height=20 px;line-height:20 px;ht:20 px;line-height:20 px;ht:20 px;whihihittttttttttttttttttttttttttttttttttttft;ht;ht;ht;ht:20 px;httttttttttttttttttId('infozone');hscroll(o);window.set Interval(function){window.clear Timeout(tc)o.first Childld.style.marging Left='0 px';scrollup(o,20,0);10000);function scrollup(o,d,c){if(d=c){var t=o.firstld.cloneNode(true);o.removetfitfitfild;o.aphphphppppppppgggggggggggggggggggggggggggggggggggggggshp=d=c(d=c);;;;;;;;o.aphphphphphphphphphphphphphphatttttx';hscroll(o);else{ch=false;var s=3,c=s,l=(cgt;=d?c-d:0)o.firstChild.style.magintTop=-c+l+'px';windoww.setTimeout(function(){scrollup(o,d,c-l))、{}function hscroll(o){var w 1=o.firstChildldld.ofsetWidth、ftftftftfftftffftftfffftftffftffttffttffttffffffttttttttffffffffffffftttttttffffffffffffftttttttttttw 1-w 2,0,w 1-w 2)}、3500);function hs(o,d,c,p){c++++;var t=(cgt;0?-c:c);o.first Child.style.marging Left=t+'px';if(c==d){if(d=0){tc=window.setTimeout(function(){hs(o、p、0、p)}、2500);else tc=window.setTimeout(function(){hs(o、0、-p、p、p)))、3500);else tc=window.setTimeoutfunction、嵐(((((())))、{hs、Eelse tc、Esetc=winttc=window.settttc=win.settttttttttttttttttttttttttttttttttttttttttt美しい神話
[Ctrl+A全選注:外部Jsを導入するにはリフレッシュが必要です.]
個人の観点:xhtmlの意味化の角度から見て、ページの内容の中でdivタグを濫用する現象は比較的に深刻で、ul/li形式に変えることができます.
三つ目は最も簡潔で、コードが非常に少ないです.
原作者:cityvoice
New Doucument t t t t t t t/background:f7 f 7;border:1 px sonid silver;padding:1 px;height:20 px;line-height:20 px;width:300 px;hegin:30 px:30 px;hegin contain{stsizzefftttxxxxphhhtttttttttf;pppphht;ffftttxxxxxxphht:12 ppht:12 ppx;maddh;ht:12 ppx;inx;maddddddh:30 px;heinx;heinx;0;芫contain li{height:20 px;line-height:20 px;whihite-space:nowrap;overflow:hidden;
  • 温嵐-屋根(左右に揺れる)
  • ファン・ウェイチー-その花たち
  • 張韶涵-人形
  • function xx(){var container=document.getEfint Byty]、{ap}
    [Ctrl+A全選注:外部Jsを導入するにはリフレッシュが必要です.]
    個人的な観点:短すぎます.簡単が好きなら、これも考えられます.