ภาษาไทย
<div id="marquees"> <!-- นี่คือเนื้อหาของคำบรรยาย คุณสามารถกำหนดได้โดยพลการ--> <a href="#">ลิงก์ 1</a> <br> <a href=" #"> ลิงก์ 2</a> <br> <a href="#">ลิงก์ 3</a> <br> <a href="#">ลิงก์ 4</a> <br> <!-- สิ้นสุดเนื้อหาคำบรรยาย --> </div> <!-- ต่อไปนี้คือโค้ด javascript --> <script language="javascript"> <!-- marqueesHeight=200; //The height of the content area stopscroll= false; //ตัวแปรนี้ควบคุมว่าจะหยุดการเลื่อนด้วย (marquees){ noWrap=true; // พื้นที่เนื้อหาตารางนี้ไม่ตัดคำโดยอัตโนมัติ style.width=0; // ดังนั้นเราจึงสามารถตั้งค่าความกว้างเป็น 0 ได้ ถูกยืดออก style.height=marqueesHeight ; style.overflowY="hidden"; // แถบเลื่อนมองไม่เห็น onmouseover=new Function("stopscroll=true"); // เมาส์ผ่านและหยุดการเลื่อน onmouseout=new Function("stopscroll =false"); //เมาส์ออกไป เริ่มเลื่อน} //ในขณะนี้ ไม่สามารถอ่านความสูงของพื้นที่เนื้อหาได้ ต่อไปนี้จะส่งออกเลเยอร์ที่มองไม่เห็น "templayer" และคัดลอกเนื้อหาไปไว้ในภายหลัง: document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden">< / div>'); function init(){ // เริ่มต้นเนื้อหาการเลื่อน // คัดลอกเนื้อหาต้นฉบับไปที่ "templayer" หลายครั้งจนกระทั่งความสูงของ "templayer" มากกว่าความสูงของพื้นที่เนื้อหา: while(templayer.offsetHeight< marqueesHeight){ templayer. innerHTML+=marquees.innerHTML; } //คัดลอก "สองครั้ง" เนื้อหาของ "templayer" กลับไปยังพื้นที่เนื้อหาต้นฉบับ: marquees.innerHTML=templayer.innerHTML+templayer.innerHTML; เรียก "scrollUp()" แถบเลื่อนที่ขับเคลื่อนด้วยฟังก์ชัน: setInterval("scrollUp()",20); } document.body.onload=init; preTop=0; // ตัวแปรนี้ใช้เพื่อพิจารณาว่าถึงแถบเลื่อนแล้วหรือไม่ ฟังก์ชันสิ้นสุด scrollUp(){ //ฟังก์ชันการเลื่อนแถบเลื่อน if(stopscroll==true) กลับ; //หากตัวแปร "stopscroll" เป็นจริง ให้หยุดการเลื่อน preTop=marquees.scrollTop; //บันทึกตำแหน่งแถบเลื่อนก่อนเลื่อน marquees.scrollTop+=1; //Scroll เลื่อนแถบลงหนึ่งพิกเซล //หากแถบเลื่อนไม่เลื่อน ให้เลื่อนขึ้นไปที่ตำแหน่งเดียวกับหน้าจอปัจจุบัน //แน่นอนไม่เพียงเท่านั้น แต่ยังเลื่อนลงมาหนึ่งพิกเซลด้วย ( +1): if(preTop==marquees .scrollTop){ marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1; } } --> </script>