บทความนี้อธิบายปลั๊กอินแบบเลื่อนการเลื่อนแบบกำหนดเองของ JS แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
<script type = "text/javaScript"> $ (function () {var setting = {content: "@@@@@@ text Floating ####", Overstop: จริง, ความกว้าง: "100px", targetId: "huangbiao", // ฟังก์ชั่นการโทรกลับ การแจ้งเตือน ("dddd"); /* คำอธิบายหลักการ: 1. ผู้ปกครองด้านบน Div คือแถบเลื่อนที่ซ่อนอยู่ 2. ความกว้างของระดับที่สอง div (เด็ก div ของ div ผู้ปกครองด้านบน) คือ 8000% 3. มีเด็กสองระดับสอง Divs divs (ซ้ายสุด) และ div2 (ด้านซ้ายที่สอง) แถบเลื่อน Div Top นั้นสูงกว่าหรือเท่ากับระยะทางของแถบเลื่อนของ Div ด้านบนให้ระยะทางของแถบเลื่อนของ Div ด้านบนเป็น 0 */ ฟังก์ชั่น fontmove (usersettingobj) {var that = this; // ใช้การประทับเวลาเป็นค่า id var timestamp = วันที่ใหม่ (). getTime (); this.setting = {// เนื้อหาข้อความการเลื่อนเนื้อหา: "ข้อความลอยตัว", // ความกว้างของแถบเลื่อนจะแสดงความกว้าง: "200px", // ความเร็วทุก ๆ 30 มิลลิวินาที: 30, // ไม่ว่าจะหยุดหนูหรือไม่ ถ้าเป็น "" แล้วค่าเริ่มต้นจะถูกวางไว้ที่ส่วนท้ายของแท็ก targetId: "", onaftershow: function () {}}; // รับไฟล์การกำหนดค่าของผู้ใช้ this.setting = $. extend (this.setting, usersettingobj); // ตรวจสอบพารามิเตอร์ของไฟล์การกำหนดค่า this.checkparam = function () {} // ส่วนขยายปลั๊กอิน this.callback = ฟังก์ชั่น (myfun) {ถ้า (typeof myfun == "function") {// นี่หมายถึงการโทรกลับ }} this.remove = function () {$ ("#"+that.setting.objid) .remove (); } this.init = function () {// วิธีการทั้งหมดเพื่อให้ได้ไฟล์การกำหนดค่าจะใช้นั้นการตั้งค่า var domstr = '<div id = "'+ that.setting.objid+ '" style = "overflow: hidden; width:'+ that.width+ '">' style = "float: left;"> '+ that.setting.content+' </div> '+' </div> '+' </div> '+' </div> '+' </div> '+' </div> '+' </div> '+' </div> '+' '</div>'+ '</div>'+ '</div>'; // ตัดสินว่ามีการระบุตำแหน่งของเนื้อหาหรือไม่ถ้า ("" == that.setting.targetId) {$ ("body"). ผนวก (DOMST); } else {$ ("#"+that.setting.targetId) .html (domstr); } // content container div var thatdiv = document.getElementById (that.setting.objid); // ลูกคนแรกที่อยู่ทางซ้าย var sondiv1 = document.getElementById (that.setting.objid + '_div1'); // ลูกคนที่สองที่อยู่ทางซ้าย var sondiv2 = document.getElementById (that.setting.objid + '_div2'); this.marquee = function () {// ใช้ตัวจับเวลาเพื่อเปลี่ยนค่า // console.log ("thatdiv.scrollleft:" + thatdiv.scrollleft); // //sondiv1.offsetwidth ค่าคงที่ // console.log ("sondiv1.offsetwidth:" Scrollbars // console.log ("Sondiv1.scrollleft:" + sondiv1.scrollleft); // //sondiv2.offsetWidth ค่าคงที่ // console.log ("sondiv2.offsetWidth:" + sondiv2.offsetwidth); console.log ("sondiv2.scrollleft:" + sondiv2.scrollleft); // ไม่ว่าระยะทางของแถบเลื่อน Div ด้านบนจะสูงกว่าระยะทางแนวนอนของ Div Child คนแรกนั่นคือไม่ว่าจะมากกว่าระยะทางที่แท้จริงของเนื้อหาถ้า (thatdiv.scrollleft - Sondiv1.offsetWidth> = 0) {// ความยาวของแถบเลื่อน Thatdiv.scrollleft - Sondiv1.offsetWidth; } else {thatdiv.scrollleft ++; }} var myVar = setInterval (that.marque, that.setting.speed); // เมาส์ถูกระงับไม่ว่าจะหยุดเคลื่อนไหวถ้า (that.setting.overstop) {thatdiv.onmouseover = function () {clearinterval (myvar);} thatdiv.onmouseout = function () {myvar = setInterval (marquee, 30);}} ที่ setting.onaftershow.call (นั่น); }} // เสร็จสิ้นการเริ่มต้น this.init (); // ส่งคืนเมธอดเองเพื่อให้พารามิเตอร์ทั้งหมดที่กำหนดค่านี้สามารถรับคืนนี้ได้ } </script>สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปเอฟเฟกต์และเทคนิคการสลับ JavaScript", "สรุปทักษะอัลกอริธึมการค้นหา JavaScript", "สรุปผลการสรุปและเทคนิคการสรุปของ JavaScript ของ JavaScript อัลกอริทึมและเทคนิคการสำรวจ JavaScript "และ" สรุปการใช้งานทางคณิตศาสตร์ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน