日本語
現在、マーキー タグはますます使用されなくなっているため、ほとんどのスクロール効果は JavaScript を使用して実装されています。マーキー タグを使用しない理由がわからない人は、まずこの記事を読んでください。
最初の方法: JavaScript を使用してマーキーのアプローチをシミュレートします。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Hot News downcodes.com< /title> <style type="text/css"> <!-- body { margin: 0px; color: #938C43; text-align:center;リンク{color: #9D943A;font-size:12px;} a:hover{color: #FF3300;font-size:12px;} a:visited{color: #9D943A;font-size:12px;} a.red:リンク{color: #ff0000;font-size:12px;} a.red:hover{color: #ff0000;font-size:12px;} a.red:visited{color: #ff0000;font-size:12px;} #marqueeBox{background:#f7f7f7;border:1px ソリッドシルバー;padding:1px;text-align:center;margin:0 auto;} --> </style> </head> <body> <h4>スクロールニュース< /h4> <script language="JavaScript" type="text/javascript"> var marqueeContent=new Array()="<a href=http://xyq.163.com/news/2006/ 11/2-2-20061102170913.html target=_blank>「Dream Security」を使用してアカウントのパスワードをすばやく取得します</a>"; marqueeContent[1]="<a href=http://ekey.163.com/ target=_blank>NetEase General Order 公式 Web サイト</a>"; marqueeContent[2]="<a href=http://xyq.163.com/download/wallpaper.htm target=_blank>最新の壁紙ダウンロード</a >"; marqueeContent[3]="<a href=http://xyq.163.com/download/around.htm target=_blank>最新のスクリーンセーバーのダウンロード</a>"; var marqueeInterval=new Array(); var marqueeId=0; var marqueeDelay=2000; 関数 initMarquee() { var str=marqueeContent[0]; <div id="marqueeBox" style="overflow:hidden;width:250px; height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval('startMarquee()',marqueeDelay)"><div>'+str+'</ div></div>'); marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); } var str=marqueeContent[marqueeId++]; length) marqueeId=0; if(document.getElementById("marqueeBox").childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.getElementById("marqueeBox") ).appendChild(nextLine); } else { document.getElementById("marqueeBox").childNodes[0].innerHTML=str; document.getElementById("marqueeBox").appendChild(document.getElementById("marqueeBox").childNodes[ 0]); document.getElementById("marqueeBox").scrollTop=0; } clearInterval(marqueeInterval[1])=setInterval("scrollMarquee()",20); getElementById("marqueeBox").scrollTop++; if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==(marqueeHeight-1)){clearInterval(marqueeInterval[1]) } } initMarquee(); </body> </html>
