เมื่อเร็ว ๆ นี้ฉันกำลังทำงานในโครงการพัฒนาส่วนหน้าซึ่งต้องใช้เอฟเฟกต์การเลื่อนอย่างราบรื่นขึ้นลงไปด้านซ้ายและขวาการเลื่อนอย่างราบรื่น ตัวแก้ไขต่อไปนี้จะแบ่งปันรหัสการใช้งานไปยังแพลตฟอร์มเครือข่าย Wulin เพื่อนที่ต้องการมันสามารถอ้างถึงมันได้ หากมีข้อบกพร่องใด ๆ โปรดขอให้พวกเขาเรียนรู้และดำเนินการด้วยกัน
รหัสเฉพาะมีดังนี้:
<! doctype html public "-// w3c // dtd html 4.01 transitional // en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <title> แถวของหลายคอลัมน์ของลูปข้อความที่มีการหยุดชั่วคราว-</title> <meta name = "contentwords" contenting-meta h name charset = utf-8 "> <style type =" text/css "> ul {height: 200px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px} #Announcess {width: 300px; hidden;}#ประกาศ div {border:#e6e6e6 1px solid; padding: 0px 10px 0px 10px; overflow-y: hidden; line-height: 24px; ความสูง: 100px;}#การประกาศ li {font-size: 12px; url (img/arrow_right.gif) ไม่ต้องทำซ้ำ 0px 50%; Space White: NowRap} #Announcess A {การกำหนดข้อความ: ไม่มี;}#ประกาศ A: Hover {การกำหนดข้อความ: ขีดเส้นใต้;} </style> </head> <body> onMouseOut = "ถ้า (! annst) annst = settimeout ('ประกาศ croll ()', anndelay);"> <div id = "scrbody"> <ul> <li> <a href = "#" target = "blank"> target = "_ blank"> vb รุ่นปรับปรุง Windows Task Manager </a> </li> <li> <a href = "#/js/texiao" target = "_ blank"> jQuery Tip Multi-Style Link Box </a> </li> <li> อีเมล </a> </li> <li> <a href = "#/html+css" target = "_ blank"> ++ lianlian watch รหัสแหล่งที่มาพร้อมกับปลั๊กอิน </a> </li> <li> <a href = "#/" target = "blank"> target = "_ blank"> href = "#/" target = "_ blank"> vb เคล็ดลับทั่วไปสำหรับระบบปฏิบัติการ VB </a> </li> <li> <a href = "#/js" target = "blank"> xtree มาตรฐานเว็บ $ (id) {return document.getElementById (id);} var anndelay = 3000; var anncount = 0; var annheight = 24; var annst = 0; ฟังก์ชั่นประกาศ croll () {ถ้า (! $ ('scrbody'). innerhtml; $ ('scrbody'). scrolltop = 0; ถ้า ($ ('scrbody'). scrollheight> annheight * 3) {annst = settimeout ('ประกาศ onmousever') null;} return;} ถ้า (anncount == annheight) {ถ้า ($ ('scrody'). scrollheight - annheight <= $ ('scroldy'). scrolltop) {$ ('scrody') scrolltop = $ ( settimeout ('ประกาศ croll ()', anndelay);} else {$ ('scrody'). scrolltop ++; anncount ++; annst = settimeout ('ประกาศ croll ()', anndelay); 10);}} ประกาศ croll (); </script> </body> </html>ด้านบนเป็นรหัสที่ตัวแก้ไขแนะนำให้คุณใช้ JS และ HTML เพื่อรวมแท็กปะทะเพื่อให้ได้เอฟเฟกต์การเลื่อนที่ราบรื่น ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!