javascriptでmarkeeに代わるスクロール字幕効果コードを実現します。
マークのラベルは今だんだん少なくなりましたので、スクロール効果のやり方も多くjavascriptに変えて実現しました。マークを捨てたのはマーキングがユーザーの体験に深刻な影響を与えるものなので、数十行の内容を何行かのスクロールに圧縮してくれます。しかし、ユーザーはその中の1行か2行の内容を読みたいので、あなたのこのスクロールで長い間待たなければならないと思ったことがありますか？経典フォーラムのページの上で“BlogBeta”を使います。 デジタルエンジンp 4 3.0サーバーは6999元/年だけです。広告文字の右側の集合文字がスクロールされている例です。これはいいユーザー体験だと思いますか？W 3 Cの専門家たちは無知な子供の群れが考えるほど周到ではないですか？まるで冗談の第一の方法です。javascriptでmarkeeのやり方をシミュレートします。出所：網易ゲームホットニュース スクロールニュース “夢幻の密保”で急速にアカウントのパスワードを取り戻します。マルク・コンテント[1]=「最新の壁紙をダウンロードします。marqueeConteet[3]=「最新のスクリーンセーバーは>“;をダウンロードします。var markee Interval=new Aray()var markeeId=0var markeeDelay=2000；var markeeHeight=20；function init Marquee(){var str=marquee Conteet[0];document.write('
markeeId++;marquee Interval[0]=set Interval("startMarquee"，markee Delay);function startMarquee(){var str=markeeConteet}markeeId++;if(maqueeId)=maqueeContent.length)maqueeId=0if(document.getElement ById."markeeBox").childNodes.length==1){var nextLine=document.creatElement('DIV');nextLine.innerHTML=str;Dcument.getElementById（「markeeBox」）.apendChild（nextLine）；else｛Dcument.getElemenntById（“markeeBox”）.childNodes[0].inners=str；Dcument.getElemenntById(「markeeBox」).apped Child(document.getElement ById(「markeeBox」).child Nodes[0];Dcument.getElemenntById（「markeeBox」）.scrollTop=0；clear Interval(markee Interval[1])marquee Interval[1]=set Interval（"scrollMarkee（）"，20）;function scrollMarkee(){document.getElemenntById("marqueeBox").scrollTop+;if(document.getElement ById."marqueeBox").scrollTop%markeeHeight=(markeeHeight-1){clear Interval(markee Interval[1]];)initMarkee()[Ctrl+A全選注：]個人的な観点：webの利用可能性からいうと、私たちはこのコードを採用しながら、noscript環境下の利用可能性を考慮して、コンテンツをページに表示するか、それとも以下のサイドコードの形で表示するかを提案します。例えば: プログラムコードSCROLL =d？c-d:0)o.first Child.style.margin Top=-c+l+'px'window.setTimeout(function){scrollup(o，d，c-l)}function hscroll(o)｛var w 1=o.first Child.offset Width，w 2=o.offset Width；if(w 1<=w 2)return;tc=window.setTimeout(function(){hs(o，w 1-w 2,0,w 1-w 2)}3500);function hs（o，d，c，p）｛c＋＋＋；var t=(c>0？-c:c);o.first Child.style.margin 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)}，3500);else tc=window.setTimeout(function(){hs(o，d，c，p)}5)
<div id="newslist">
<ul>
<li><a href=http://xyq.163.com/news/2006/11/2-2-20061102170913.html target=_blank> “ ” </a></li>
<li><a href=http://ekey.163.com/ target=_blank> </a></li>
<li><a href=http://xyq.163.com/download/wallpaper.htm target=_blank> </a></li>
<li><a href=http://xyq.163.com/download/around.htm target=_blank> </a></li>
</ul>
</div>
温嵐-屋根（周杰倫对唱版）
ファンウェイ>の花たちは
の意味が激しく変化します。三つ目は最も簡潔で、コードが非常に少ないです。原作者：cityvoice HTMLコードNew Dockment metaname="Description="border：1 px sonid silver；padding:1 px;height：20 pxline-height:20 px;width:300 px;落contain{font-size:12 px;overflow：hiddenlist-style:none;width:300 px;height：20 pxmargin:0 px;padding:0;菗contain li{height:20 px;line-height:20 px;white-space:nowrap;overflow：hidden;Bnction";container.apendChild;set Interval("*"，3000) [Ctrl+A全選注：]個人的観点：短すぎて精鋭です。簡単なのが好きなら、これも考えられます。