Ein sehr ausgezeichnetes Stück Effektcode, Sie können nach oben und rechts nach oben und unten scrollen und haben ihn gesammelt! !
<! DocType html public "-// w3c // dtd xhtml 1.0 strict // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"><htmlml 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" tection = "text" tection = "text/javascript" "Demo" in Demo, Deml1, Demo2 kann willkürlich sein, solange es nicht wiederholt wird. automatisch erhalten, um das Bild in den Ordner zu scrollen) * * @para contentbyId Scrollen Sie den Inhalt mit einer bestimmten ID -Inhalts, in der dieser Bildlauf und Filepath nicht koexistieren können. Bitte beachten Sie * * @Para Nutzungsinstanz Scrollobject ("res", 50, "Up", 470.200, "," Ressource "). Scrollen Sie den Inhalt unter contentById (Ressource) * * @para useage Instance Scrollobject (" res ", 50," up ", 470.200, 200, d: // // // // // // //"). "). Derzeit nur dh */ var $ = function (id) {return document.getElementById (id)} // scroll function Scrollobject (OBJ, Geschwindigkeit, Richtung, Objwidth, objHeight, filepath, contentById) {// Initialisierung if (Direction == "up" || || Direktion "Down") document. sonst document.write (lrstructure ()); var Demo = $ (OBJ); var Demo1 = $ (obj+"1"); var Demo2 = $ (OBJ+"2"); var Geschwindigkeit = Geschwindigkeit; $ (contentById) .style.display = "Keine" Demo.Style.Overflow = "Hidden"; Demo.Style.Width = Objwidth+"PX"; Demo.Style.Height = ObjHeight+"PX"; Demo.Style.Margin = "0 Auto"; if (filepath! = "") Demo1.innerhtml = file (); if (contentById! Demo2.InnerHtml = Demo1.InnerHtml; // scrollen links und rechte Funktion lrstructure () {var _html = ""; _html+= "<div id = '"+obj+"'>"; _html+= "<table border = '0' align = 'links' cellpadding = '0' cellspace = '0' cellspace = '0'>"; _html+= "<tr>"; _html+= "<td nowrap = 'nowrap' id = '"+obj+"1'>"; // Hier ist der Inhalt, der scrolled_html+= "</td>" wird; _html+= "<td nowrap = 'nowrap' id = '"+obj+"2'> </td>"; _html+= "</tr>"; _html+= "</tr>"; _html+= "</table>"; _html+= "</div>"; return _html; } // scrollen Sie nach oben und unten die Strukturfunktion uDStructure () {var _html = ""; _html+= "<div id ="+obj+">"; _html+= "<table border = '0' align = 'links' cellpadding = '0' cellspace = '0'>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"1'>"; // Hier ist der Inhalt, der scrolled_html+= "</td>" wird; _html+= "<tr>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"1'>"; // Hier ist der Inhalt, der scrolled_html+= "</td>" wird; _html+= "<tr>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"2'> </td>"; _html+= "</tr>"; _html+= "</table>"; _html+= "</div>"; return _html; } // Die Bildfunktionsdatei abrufen () {var tbSource = filepath; // lokale Ordnerpfad filepath = filepath.toString (); if (filepath == "") return ""; var imglist = ""; var objfso = new ActiveXObject ('scripting.filesystemObject'); // Ob der Ordner existiert, wenn (! ObjfSo.FORDERExists (tbSource)) {alert ("<"+tbSource+"> Der Ordnerpfad existiert nicht oder der Pfad kann keinen Dateinamen enthalten!"); objfso = null; zurückkehren; } var objfolker = objfso.getFolder (TBSource); var colfiles = neuer Enumerator (objfolker.files); var re_inf1 = //. jpg $/; // Überprüfen Sie, ob die Ordnerdatei JPG -Datei für (;! Colfiles.atend (); colfiles.movenext ()) // die Datei im Ordner lesen {var objfile = colfiles.Item () lesen; if (re_inf1.test (objFile.name.tolowerCase ()) {imglist+= "<img src ="+filepath+"/"+objFile.name+">"; }} return imglist; } // Linksfunktion scroll links () {if (Demo2.Offsetwidth-demo.scrollleft <= 0) {Demo.Scrollleft- = Demo1.Offsetwidth; } else {Demo.ScrollLeft ++; }} // rechte Funktion rechtzeitig () {if (Demo.scrollleft <= 0) {Demo.Scrollleft- = Demo1.Offsetwidth; } else {Demo.ScrollLeft ++; }} // rechte Funktion rechtzeitig () {if (Demo.scrollleft <= 0) {Demo.Scrollleft+= Demo2.Offsetwidth; } else {Demo.scrollleft--}} // Funktion nach unten () {if (Demo1.offsettop-Demo.scrolltop> = 0) {Demo.scrolltop+= Demo2.Offseteight; } else {Demo.scrolltop--}} // scroll up up () {if (Demo2.offsettop-Demo.scrolltop <= 0) {Demo.scrolltop- = Demo1.offseteight; } else {Demo.scrolltop ++}} // Richtungsfunktion swichDirection () {Switch (Richtung) {case "links": return links (); brechen; Fall "rechts": RECHT RECHT (); brechen; Fall "Up": Rückkehr (); brechen; Standard: return down (); }} // Wiederholen Sie var mymarquee = setInterval (swichDirection, Geschwindigkeit); // schweben Sie über Demo.Onmouseover = function () {ClearInterval (MyMarquee);} // NOT SPROLLEN DEMO. <tr> <td> <img src = "http://attach.e.iciba.com/attachment/200910/22/4188617_12561994098532.jpg"/> </td> <td> <imgg 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> </table> </div> <script type = "text/javaScript"> scrollobject ("sr", 50, "rechts", 800.160, "", "img") </script> </body> </html>Das obige ist der gesamte Inhalt dieses Artikels. Weitere Informationen zu JavaScript finden Sie unter: "JavaScript Reference Tutorial" und "JavaScript Code Style Guide". Ich hoffe auch, dass jeder wulin.com mehr unterstützt.