ภาษาไทย
เนื่องจากตอนนี้มีการใช้แท็ก Marquee น้อยลง เอฟเฟกต์การเลื่อนส่วนใหญ่จึงถูกนำมาใช้โดยใช้ JavaScript สำหรับผู้ที่ไม่เข้าใจว่าทำไมไม่ใช้แท็ก Marquee คุณอาจอ่านบทความนี้ก่อนเช่นกัน
วิธีแรก: ใช้จาวาสคริปต์เพื่อจำลองแนวทางของปะรำ
<!DOCTYPE html สาธารณะ "-//W3C//DTD XHTML 1.0 การเปลี่ยนผ่าน//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; color: #938C43; line-height: 150%; ลิงค์{สี: #9D943A;font-size:12px;} a:hover{สี: #FF3300;font-size:12px;} a:visited{สี: #9D943A;font-size:12px;} a.red: ลิงค์{สี: #ff0000;font-size:12px;} a.red:hover{สี: #ff0000;font-size:12px;} a.red:visited{สี: #ff0000;font-size:12px;} #marqueeBox{พื้นหลัง:#f7f7f7;border:1px solid silver;padding:1px;text-align:center;margin:0 auto;} --> </style> </head> <body> <h4>ข่าวเลื่อน< /h4> <script language="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</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; var marqueeHeight=20; function initMarquee() { var str=marqueeContent[0]; ความสูง:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval('startMarquee()',marqueeDelay)"><div>'+str+'</ div></div>'); marqueeId++; marqueeInterval(0]=setInterval("startMarquee()", marqueeDelay); } ฟังก์ชัน startMarquee() { var str=marqueeId++; ความยาว) marqueeId=0; if(document.getElementById("marqueeBox").childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.innerHTML=str; document.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]); marqueeInterval(1)=setInterval("scrollMarquee()",20); } ฟังก์ชัน scrollMarquee() getElementById("marqueeBox").scrollTop++; if(document.getElementById("marqueeBox").scrollTop%marqueeHeight==(marqueeHeight-1)){ clearInterval(marqueeInterval[1]); } </script> </ร่างกาย> </html>
