รหัสเอฟเฟกต์ที่ยอดเยี่ยมมากคุณสามารถเลื่อนขึ้นและลงซ้ายและขวาและคุณได้รวบรวมมัน! -
<! doctype html public "-// w3c // dtd xhtml 1.0 เข้มงวด // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <title> "การสาธิต" ในการสาธิต, DEML1, DEMO2 สามารถทำได้โดยพลการตราบใดที่มันไม่ได้ทำซ้ำ * * @para ความเร็วยิ่งขึ้นความเร็วในการเลื่อนที่ใหญ่ขึ้น ได้รับโดยอัตโนมัติเพื่อเลื่อนรูปภาพในโฟลเดอร์) * * @para contentByid เลื่อนเนื้อหาด้วย ID contentByid บางอย่างการเลื่อนนี้และ filePath ไม่สามารถอยู่ร่วมกันได้ โปรดทราบ * * @para อินสแตนซ์การใช้งาน Scrollobject ("res", 50, "up", 470,200, "", "ทรัพยากร") เลื่อนเนื้อหาภายใต้ contentbyid (ทรัพยากร) * * @para อินสแตนซ์การใช้งาน Scrollobject ("res", 50, "up", 470,200, "D: // //" ปัจจุบันมีเพียง */ var $ = function (id) {return document.getElementById (id)} // ฟังก์ชั่นการเลื่อน Scrollobject (obj, ความเร็ว, ทิศทาง, objwidth, objheight, filepath, contentbyid) {// ดำเนินการเริ่มต้นถ้า (ทิศทาง == " document.write (lrstructure ()); VAR DEMO = $ (OBJ); var demo1 = $ (obj+"1"); var demo2 = $ (obj+"2"); var speed = ความเร็ว; $ (ContentById) .style.display = "ไม่มี" demo.style.overflow = "ซ่อน"; demo.style.width = objwidth+"px"; demo.style.height = objheight+"px"; demo.style.margin = "0 auto"; if (filepath! = "") demo1.innerhtml = file (); if (contentById! = "") demo1.innerhtml = $ (contentById) .innerhtml; demo2.innerhtml = demo1.innerhtml; // สกรอลล์ซ้ายและขวาฟังก์ชั่น lrStructure () {var _html = ""; _html+= "<div id = '"+obj+"'>"; _html+= "<table border = '0' allign = 'left' cellpadding = '0' cellspace = '0' cellspace = '0'>"; _html+= "<tr>"; _html+= "<td nowrap = 'nowrap' id = '"+obj+"1'>"; // นี่คือเนื้อหาที่จะเลื่อน _html+= "</td>"; _html+= "<td nowrap = 'nowrap' id = '"+obj+"2'> </td>"; _html+= "</tr>"; _html+= "</tr>"; _html+= "</table>"; _html+= "</div>"; กลับ _html; } // การเลื่อนขึ้นและลงโครงสร้างฟังก์ชัน udstructure () {var _html = ""; _html+= "<div id ="+obj+">"; _html+= "<table border = '0' align = 'left' cellpadding = '0' cellspace = '0'>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"1'>"; // นี่คือเนื้อหาที่จะเลื่อน _html+= "</td>"; _html+= "<tr>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"1'>"; // นี่คือเนื้อหาที่จะเลื่อน _html+= "</td>"; _html+= "<tr>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"2'> </td>"; _html+= "</tr>"; _html+= "</table>"; _html+= "</div>"; กลับ _html; } // รับไฟล์ฟังก์ชั่นรูปภาพ () {var tbsource = filePath; // เส้นทางโฟลเดอร์ท้องถิ่น filePath = filePath.ToString (); if (filepath == "") return ""; var imglist = ""; var objfso = new ActiveXObject ('Scripting.FilesYstemObject'); // ไม่ว่าโฟลเดอร์จะมีอยู่ถ้า (! objfso.folderexists (tbsource)) {alert ("<"+tbsource+"> เส้นทางโฟลเดอร์ไม่มีอยู่หรือเส้นทางไม่สามารถมีชื่อไฟล์!"); objfso = null; กลับ; } var objfolder = objfso.getFolder (tbsource); var colfiles = ใหม่ enumerator (objfolder.files); var re_inf1 = //. jpg $/; // ตรวจสอบว่าไฟล์โฟลเดอร์เป็นไฟล์ jpg สำหรับ (;! colfiles.atend (); colfiles.movenext ()) // อ่านไฟล์ในโฟลเดอร์ {var objfile = colfiles.item (); if (re_inf1.test (objfile.name.toLowerCase ())) {imglist+= "<img src ="+filepath+"/"+objfile.name+">"; }} return imglist; } // สกรอลล์ฟังก์ชันซ้ายซ้าย () {ถ้า (demo2.offsetWidth-demo.scrollleft <= 0) {demo.scrollleft- = demo1.offsetWidth; } else {demo.scrollleft ++; }} // สกรอลล์ฟังก์ชันขวาขวา () {ถ้า (demo.scrollleft <= 0) {demo.scrollleft- = demo1.offsetWidth; } else {demo.scrollleft ++; }} // สกรอลล์ฟังก์ชันขวาขวา () {ถ้า (demo.scrollleft <= 0) {demo.scrollleft+= demo2.offsetWidth; } else {demo.scrollleft--}} // เลื่อนฟังก์ชั่นลง () {ถ้า (demo1.offsettop-demo.scrolltop> = 0) {demo.scrolltop+= demo2.offSetheight; } else {demo.scrolltop--}} // เลื่อนฟังก์ชันขึ้น () {ถ้า (demo2.offsettop-demo.scrolltop <= 0) {demo.scrolltop- = demo1.offSetheight; } else {demo.scrolltop ++}} // ฟังก์ชันการสลับทิศทาง swichdirection () {switch (ทิศทาง) {กรณี "ซ้าย": return left (); หยุดพัก; กรณี "ขวา": return Right (); หยุดพัก; กรณี "ขึ้น": return up (); หยุดพัก; ค่าเริ่มต้น: return down (); }} // ทำซ้ำ var mymarquee = setInterval (swichdirection, ความเร็ว); // โฮเวอร์เหนือ demo.onmouseover = function () {clearInterval (mymarquee);} // เริ่มเลื่อนอีกครั้ง demo.onmouseout = function () {mymarquee = setInterval (swichdirection, ความเร็ว); cellpacing = "0"> <tr> <td> <img src = "http://attach.e.iciba.com/attachment/200910/22/4188617_12561994098532.jpg" src = "http://pica.nipic.com/2008-05-27/2008527145211519_2.jpg"/> </td> <td> <img src = "http://pic4.nipic.com/20090823/383152_215728074589_2.jpg"/> </td> <td> <img src = "http://pic8.nipic.com/20100628/4643449_170245009531_2.jpg"/> </td> <td> <img src = "http://pica.nipic.com/2008-05-30/20085309524648_2.jpg"/> </td> </tr> </dable> </div> <สคริปต์ type = "text/javascript"> scrollobject ("sr", 50, "ขวา", 800,160, "", "img") </script> </body> </html>ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ JavaScript คุณสามารถตรวจสอบ: "คำแนะนำอ้างอิง JavaScript" และ "คู่มือสไตล์รหัส JavaScript" ฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น