ภาษาไทย
โค้ดเอฟเฟกต์พิเศษของหน้าเว็บที่จะเลื่อนข้อความขึ้นโดยอัตโนมัติและหยุดเลื่อนเมื่อวางเมาส์ไว้! รหัสมาจากอินเทอร์เน็ต
<html> <HEAD> <TITLE>เลื่อนข้อความขึ้นโดยอัตโนมัติและหยุดเมื่อวางเมาส์ไว้</TITLE> <META content="text/html; charset=gb2312" http-equiv=Content-Type> <ประเภท STYLE =text /css> #demo a { width:100%; ล้น; แบบอักษร:12px/16px tahoma; ข้อความ- align:left; } #demo a:hover { color:#ff6600; } </STYLE> </HEAD> <body> <div id="demo" style="overflow:hidden;height:132px;width: 400px; border:1px solid #dde5bc;"> <div id="demo1"> <a href="#">โค้ดเอฟเฟกต์พิเศษนี้เข้ากันได้กับ IE, FF, Opera อย่างสมบูรณ์ ส่วนโค้ดอื่นๆ ยังไม่ได้ทดสอบ...< /a> <a href="#">Website Building Academy ได้รวบรวมและเรียบเรียงแล้ว ฉันหวังว่าคุณจะให้ความคิดเห็นเพิ่มเติมแก่เรา</a> <a href="#">โค้ดเอฟเฟกต์พิเศษนี้เข้ากันได้กับ IE อย่างสมบูรณ์ FF, Opera และอื่นๆ ยังไม่ได้ทดสอบ...</a > <a href="#">Website Building Academy ได้รวบรวมและเรียบเรียงแล้ว หวังว่าคุณจะให้ความคิดเห็นเพิ่มเติมแก่เรา</a> <a href=" #">โค้ดเอฟเฟกต์พิเศษนี้ใช้งานได้อย่างสมบูรณ์กับ IE, FF, Opera และอื่น ๆ ที่ยังไม่ได้ทดสอบ... </a> <a href="#">Website Building Academy ได้รวบรวมและเรียบเรียงแล้ว ฉันหวังว่า คุณสามารถให้ความคิดเห็นเพิ่มเติมแก่เราได้</a> <a href="#">โค้ดเอฟเฟกต์พิเศษนี้ใช้งานได้อย่างสมบูรณ์กับ IE, FF, Opera และอื่นๆ ยังไม่ได้รับการอนุมัติ ทดสอบ...</a> <a href= "#">สถาบันการสร้างเว็บไซต์รวบรวมและจัดระเบียบ หวังว่าคุณจะให้ความคิดเห็นเพิ่มเติมแก่เรา</a> <a href="#">โค้ดเอฟเฟกต์พิเศษนี้เข้ากันได้กับ IE, FF, Opera และอื่น ๆ อย่างสมบูรณ์ ยังไม่มี ทดสอบแล้ว...</a> <a href="#">รวบรวมและเรียบเรียงโดย Website Building Academy ฉันหวังว่าคุณจะให้ความคิดเห็นเพิ่มเติมแก่เราได้</a> <a href="#">โค้ดเอฟเฟกต์พิเศษนี้ เข้ากันได้กับ IE, FF, Opera อย่างสมบูรณ์ และอื่นๆ ยังไม่ได้ทดสอบ... </a> <a href="#">สถาบันการสร้างเว็บไซต์ได้รวบรวมและเรียบเรียง ฉันหวังว่าคุณจะสามารถให้ความคิดเห็นเพิ่มเติมแก่เราได้</a > </div> <div id="demo2"></div > </div> <script> var speed=40 var demo=document.getElementById("demo"); var demo2=document.getElementById("demo2" var demo1=document.getElementById("demo1"); demo2. innerHTML=demo1.innerHTML ฟังก์ชัน Marquee(){ if(demo2.offsetTop-demo.scrollTop<=0) demo.scrollTop-=demo1.offsetHeight อื่น ๆ .scrollTop++ } } var MyMar=setInterval(Marquee,ความเร็ว) demo.onmouseover =function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,ความเร็ว)} </script> </body > </html>
