한국어
이제 marquee 태그가 점점 덜 사용되기 때문에 대부분의 스크롤 효과는 JavaScript를 사용하여 구현됩니다. 왜 marquee 태그를 사용하지 않는지 이해하지 못하는 사람들은 먼저 이 기사를 읽어 보는 것이 좋습니다.
첫 번째 방법: javascript를 사용하여 marquee의 접근 방식을 시뮬레이션합니다.
<!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>핫 뉴스 downcodes.com< /title> <style type="text/css"> <!-- body { 여백: 0px; 글꼴 크기: 12px; 줄 높이: 150% } 링크{색상: #9D943A;글꼴 크기:12px;} a:hover{색상: #FF3300;글꼴 크기:12px;} a:visited{색상: #9D943A;글꼴 크기:12px;} a.red: 링크{색상: #ff0000;글꼴 크기:12px;} a.red:hover{색상: #ff0000;글꼴 크기:12px;} a.red:visited{색상: #ff0000;글꼴 크기:12px;} #marqueeBox{배경:#f7f7f7;border:1px solid silver;padding:1px;text-align:center;margin:0 auto;} --> </style> </head> <body> <h4>스크롤링 뉴스< /h4> <script 언어="JavaScript" type="text/javascript"> var marqueeContent=new Array(); marqueeContent[0]="<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 공식 웹사이트</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=20; function initMarquee() { var str=marqueeContent[0]; document.write('<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); } function startMarquee() { var str=marqueeId>=marqueeContent. length) marqueeId=0; if(document.getElementById("marqueeBox").childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.innerHTML=str; ).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]); marqueeInterval[1]=setInterval("scrollMarquee()",20); getElementById("marqueeBox").scrollTop++; if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==(marqueeHeight-1)){clearInterval(marqueeInterval[1]) } initMarquee(); </body> </html>
