Sepotong kode efek yang sangat bagus, Anda dapat menggulir ke atas dan ke bawah, kiri dan kanan, dan Anda telah mengumpulkannya! Lai
<! Doctype html public "-// w3c // dtd xhtml 1.0 strict // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"/><title>Scrolling test</title><script type="text/javascript">/** * @para obj The target object such as: "Demo" dalam demo, deml1, demo2 dapat sewenang -wenang selama tidak diulangi * * @para kecepatan semakin besar kecepatan pengguliran, semakin lambat arahan * @para arah gulir yang meliputi: ke kanan, ke bawah, ke atas, ke atas * @para objwidth total area yang terlihat * * @para toorde. secara otomatis diperoleh untuk menggulir gambar di folder) * * @para ContentByid menggulir konten dengan konten ID tertentu dengan gulir ini dan filepath tidak dapat hidup berdampingan. Harap dicatat * * @para penggunaan scrollObject ("res", 50, "up", 470.200, "", "Resource") menggulir konten di bawah contentById (sumber daya) * * @para penggunaan instance scrollObject ("res", "up", 470.200, "d: // gambar //", "secara otomatis") Saat ini, hanya yaitu */ var $ = function (id) {return document.geteLementById (id)} // gulir fungsi gulir (obj, kecepatan, arah, objwidth, objheight, filepath, contentById) {// mengeksekusi inisialisasi jika (arah == "up" || arah == "down") { -write (Direction == "up" || Direction == "down") Document.write (Direction (Direction == "UP" || Direction == "DOWER") DOCORER (DOCORTER (Direction) (Direction (Direction (Direction "|| else document.write (lrstruktur ()); var demo = $ (obj); var demo1 = $ (obj+"1"); var demo2 = $ (obj+"2"); var speed = kecepatan; $ (contentById) .style.display = "tidak ada" demo.style.overflow = "tersembunyi"; 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; // gulir fungsi kiri dan kanan lrStructure () {var _html = ""; _html+= "<div id = '"+obj+"'>"; _html+= "<Border Table = '0' Align = 'Left' CellPadding = '0' Cellspace = '0' CellSpace = '0'>"; _html+= "<tr>"; _html+= "<td nowrap = 'nowrap' id = '"+obj+"1'>"; // Ini adalah konten yang akan digulir_html+= "</td>"; _html+= "<td nowrap = 'nowrap' id = '"+obj+"2'> </td>"; _html+= "</tr>"; _html+= "</tr>"; _html+= "</boable>"; _html+= "</div>"; return _html; } // menggulir fungsi struktur struktur ke atas dan ke bawah () {var _html = ""; _html+= "<div id ="+obj+">"; _html+= "<tabel border = '0' align = 'left' cellpadding = '0' cellspace = '0'>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"1'>"; // Ini adalah konten yang akan digulir_html+= "</td>"; _html+= "<tr>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"1'>"; // Ini adalah konten yang akan digulir_html+= "</td>"; _html+= "<tr>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"2'> </td>"; _html+= "</tr>"; _html+= "</boable>"; _html+= "</div>"; return _html; } // Dapatkan file fungsi gambar () {var tbsource = filepath; // path folder lokal filePath = filepath.toString (); if (filepath == "") return ""; var imlist = ""; var objfso = new ActivexObject ('Scripting.FilesystemObject'); // Apakah folder ada jika (! Objfso.folderexists (tbsource)) {alert ("<"+tbsource+"> Jalur folder tidak ada, atau jalur tidak dapat berisi nama file!"); objfso = null; kembali; } var objolder = objfso.getFolder (tbsource); var colfiles = enumerator baru (objolder.files); var re_inf1 = //. jpg $/; // Verifikasi apakah file folder adalah file jpg untuk (;! Colfiles.atend (); colfiles.movenext ()) // Baca file di folder {var objfile = colfiles.item (); if (re_inf1.test (objfile.name.tolowercase ())) {imglist+= "<img src ="+filepath+"/"+objfile.name+">"; }} return Imlist; } // Gulir fungsi kiri kiri () {if (demo2.offsetWidth-demo.scrollleft <= 0) {demo.scrollleft- = demo1.offsetWidth; } else {demo.scrollleft ++; }} // Gulir fungsi kanan kanan () {if (demo.scrollleft <= 0) {demo.scrollleft- = demo1.offsetWidth; } else {demo.scrollleft ++; }} // gulir fungsi kanan kanan () {if (demo.scrollleft <= 0) {demo.scrollleft+= demo2.offsetWidth; } else {demo.scrollleft--}} // gulir ke bawah fungsi ke bawah () {if (demo1.offsettop-demo.scrolltop> = 0) {demo.scrolltop+= demo2.offsetHeight; } else {demo.scrolltop--}} // gulir fungsi ke atas () {if (demo2.offsettop-demo.scrolltop <= 0) {demo.scrolltop- = demo1.offsetHeight; } else {demo.scrolltop ++}} // switching arah fungsi swichdirection () {switch (arah) {case "kiri": return left (); merusak; kasus "kanan": return right (); merusak; case "up": return up (); merusak; default: return down (); }} // ulangi var mymarquee = setInterval (swichdirection, speed); // Arahkan ke atas Demo.onMouseOver = function () {clearInterval (mymarquee);} // Mulai menggulir lagi demo.onmouseout = function () {mymarquee = setInterval (swichdirection, speed);}} </script> </head> <body> <v div id = "iMg); CellPacing = "0"> <tr> <td> <img src = "http://attach.e.iciba.com/attachment/200910/22/4188617_1256194098532.jpg"/> </td> <td> 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> </able> </div> <skrip type = "text/javascript"> scrollObject ("sr", 50, "right", 800.160, "", "img") </script> </body> </html>Di atas adalah seluruh konten artikel ini. Untuk informasi lebih lanjut tentang JavaScript, Anda dapat memeriksa: "Tutorial Referensi JavaScript" dan "Panduan Gaya Kode JavaScript". Saya juga berharap semua orang akan lebih mendukung wulin.com.