日本語
これから紹介するのは、JS メソッドを使用して字幕をスクロールする新しいタイプのスクロールです。上向きに、途中で 1 ～ 2 秒停止します。
<html> <head> <title></title> <meta http- equiv= "Content-Type" content="text/html; charset=gb2312" /> <meta name="description" content="クローズ機能付きWebページフローティング広告特殊効果コード表示" /> <meta name="キーワード" content= "Web ページ、Web ページの教育、Web ページの開発、書籍チュートリアル、ビデオ チュートリアル、Web ページの学習、Web ページの特殊効果、Web ページ制作の学習、Web ページの学習、Web サイト構築アカデミー、Web サイト構築ガイド、アニメーション制作、アニメーション チュートリアル、ネットワーク プログラミング、チュートリアルダウンロード、素材、Webページ素材、ロゴソースファイル、バナー素材、クールサイト、クールサイト鑑賞、ASP技術、PHP技術、ASP.NET技術、JSP技術、CGI技術、データベース技術、XML技術、CSS技術、JS、 HTML、Web サイト構築スキル、制作入門、制作スキル、Web ページ制作スキル、Web ページ学習スキル" /> <link href="http://www.downcodes.com/templates/downcodes/css/style.css" rel="stylesheet" type="text/css" / > </head> <body bgColor="#ffffff" leftMargin="0" topMargin="3"> <script> var marqueeContent=new Array();表示されたコンテンツを保存する配列を定義します marqueeContent[0] ='<A href="#" onclick="reinitMarquee()">最新のリストを更新します</FONT></A>'; a href=# target=_blank>サイト ストリップの 60 件の最新アップデート</a>' marqueeContent[2]='<A href=# target=_blank>フェザー エフェクト作成チュートリアル</a>'; ='<A href=# target=_blank>MySQL&ASP</a>'; marqueeContent[4]='<A href=# target=_blank>CSS3 の予備知識</a>'; ]='<A href=# target=_blank>Fireworks MX 2004 はパネル操作を実行します </a>' marqueeContent[6]='<A href=# target=_blank>Fireworks MX 2004 の輪郭グラデーション塗りつぶし</a>'; ; marqueeContent[7]='<A href=# target=_blank>ボトルフラワー</a>'; marqueeContent[8]='<A href=# target=_blank>Fireworks MX はタブ付きエフェクトを実装します</a>' ; marqueeContent[9]='<A href=# target= _blank>カップル: 白黒の愛の雰囲気</a>';<A href=# target=_blank>MAC を作成するstyle Apple ロゴ</a>'; marqueeContent[11]='<A href =# target=_blank>卵殻の生成と文字合成</a>'; // いくつかの一般的かつ頻繁に定義します。使用する変数 var marqueeId=0; var marqueeDelay = 4000; // 次のステップは、使用する関数を定義することです。長さ; for(var i=0; i<l;i++) { var r=Math.floor(Math.random()*(li)); a=a.slice(0,r).concat(a.slice) (r+1)).concat( a[r]); } return a; } 関数 initMarquee() { marqueeContent=marqueeContent.random(); for(var i=0;i<Math. min(3,marqueeContent.length); i++) str+=(i>0?' ':'')+marqueeContent[i]; document.write('<div id=marqueeBox style="overflow:hidden;height:' +marqueeHeight+'px" onmouseover="clearInterval (marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval('startMarquee()',marqueeDelay)"><div>'+str+'</div>< /div>'); marqueeId+=2 ; if(marqueeContent.length>3)marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay) } 関数 reinitMarquee() { js_scroll_content.src='scroll_content2.js'; marqueeContent=marqueeContent.random(); var str=''; for(var i=0;i<Math.min(3,marqueeContent.length);i++) str+=(i>0?' ':'')+ marqueeContent[i]; marqueeBox.childNodes[(marqueeBox.childNodes.length==1?0:1)].innerHTML=str; } 関数 startMarquee() { var str=''; 0;(i<3)&&(marqueeId+i<marqueeContent.length);i++) { str+=(i>0?' ':'')+marqueeContent[marqueeId+i] } if(marqueeId; >marqueeContent.length)marqueeId=0; if(marqueeBox.childNodes.length==1) { var nextLine=document.createElement('DIV'); marqueeBox.appendChild(nextLine); .childNodes[0].innerHTML=str ; marqueeBox.appendChild(marqueeBox.childNodes[0]); } clearInterval(marqueeInterval[1])=setInterval(); 20); }関数scrollMarquee(){marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){clearInterval(marqueeInterval[1])}}initMarquee(); > </html>
