Un código de efecto muy excelente, puede desplazarse hacia arriba y hacia abajo, hacia la izquierda y hacia la derecha, ¡y lo ha recopilado! !
< xmlns = "http://www.w3.org/1999/xhtml"> <fead> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <title> spreading test </title> <script type = "text/javascript">/** @@Pare obj @Pare obj el obj al igual "demostración" en demo, deml1, demo2 se puede arbitrariamente siempre que no se repita * * * @para Velocidad cuanto mayor sea la velocidad de desplazamiento, cuanto más lenta es la dirección * * @para La dirección de desplazamiento incluye: izquierda, derecha, down, up * * @para objwidth total de área visible visible * * @para objheight en total altura visible * * @para file de scRoTat (la ruta de scROLT (la imagen de la vía de la vía de la vía de la vía de la vía de la vía de la vía de la ittit. se obtiene automáticamente para desplazar la imagen en la carpeta) * * @para ContentById desplaza el contenido con un determinado ContentByid Este desplazamiento y FilePath no puede coexistir. Tenga en cuenta * * * @para Usage Instance ScrollObject ("Res", 50, "Up", 470,200, "", "recurso") Desplácese el contenido en ContentById (recursos) * * @para Usage Instance ScrolloBject ("Res", 50, "Up", 470,200, "d: // Images //") Automáticamente obtenga y se desplazan el contenido de los contenidos y el contenido. Actualmente, solo es IE */ var $ = function (id) {return document.getElementById (id)} // scroll function scrollObject (obj, velocidad, dirección, objwidth, objheight, filepath, contentyById) {// ejecutar inicialización if (direction == "up" || direction == "down") document.write (udstructure ()); else document.write (lrStructure ()); var demo = $ (obj); var demo1 = $ (obj+"1"); var demo2 = $ (obj+"2"); VELA VAR = VELOCIDAD; $ (ContentByid) .style.display = "Ninguno" 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! = "") demo1.innerhtml = $ (contentbyid) .innerhtml; demo2.innerhtml = demo1.innerhtml; // desplaza la función izquierda y derecha lrStructure () {var _html = ""; _html+= "<div id = '"+obj+"'>"; _html+= "<table border = '0' align = 'left' cellPadding = '0' CellSpace = '0' Cellspace = '0'>"; _html+= "<tr>"; _html+= "<td nowrap = 'Nowrap' id = '"+obj+"1'>"; // Aquí está el contenido que se desplazará_html+= "</td>"; _html+= "<td nowrap = 'Nowrap' id = '"+obj+"2'> </td>"; _html+= "</tr>"; _html+= "</tr>"; _html+= "</table>"; _html+= "</div>"; return _html; } // Función de estructura hacia arriba y hacia abajo UDStructure () {var _html = ""; _html+= "<div id ="+obj+">"; _html+= "<table border = '0' align = 'left' cellPadding = '0' cellspace = '0'>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"1'>"; // Aquí está el contenido que se desplazará_html+= "</td>"; _html+= "<tr>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"1'>"; // Aquí está el contenido que se desplazará_html+= "</td>"; _html+= "<tr>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"2'> </td>"; _html+= "</tr>"; _html+= "</table>"; _html+= "</div>"; return _html; } // Obtener el archivo de función de imagen () {var tBsource = filePath; // ruta de carpeta local filePath = filePath.ToString (); if (filePath == "") return ""; var imglist = ""; var objfso = new ActiveXObject ('scripting.filesystemObject'); // si la carpeta existe si (! Objfso.foldereRexists (tbsource)) {alert ("<"+tbsource+"> La ruta de la carpeta no existe, ¡o la ruta no puede contener un nombre de archivo!"); objfso = nulo; devolver; } var objFolder = objfso.getFolder (tBsource); var colfiles = new Enumerator (objFolder.files); var re_inf1 = //. jpg $/; // Verifique si el archivo de carpeta es el archivo jpg para (;! Colfiles.atend (); colfiles.movenext ()) // lee el archivo en la carpeta {var objfile = colfiles.item (); if (re_inf1.test (objfile.name.tolowercase ())) {imglist+= "<img src ="+filepath+"/"+objfile.name+">"; }} return imglist; } // desplazar la función izquierda izquierda () {if (demo2.offsetwidth-demo.scrollleft <= 0) {Demo.scrollleft- = demo1.offsetwidth; } else {Demo.scrollleft ++; }} // desplazar la función de la derecha derecha () {if (Demo.scrollleft <= 0) {Demo.Scrollleft- = Demo1.OffSetWidth; } else {Demo.scrollleft ++; }} // desplazar la función de la derecha derecha () {if (Demo.scrollleft <= 0) {Demo.scrollleft+= demo2.OffsetWidth; } else {Demo.scrollleft--}} // desplazar hacia abajo la función hacia abajo () {if (demo1.offsettop-demo.scrolltop> = 0) {delo.scrolltop+= damo2.offsetheight; } else {Demo.scrolltop--}} // desplazar la función up up () {if (demo2.offsettop-demo.scrolltop <= 0) {Demo.scrolltop- = Demo1.OffSetheTheight; } else {Demo.ScrollTop ++}} // Dirección de conmutación Función SwichDirection () {Switch (Direction) {Case "Left": return Left (); romper; Caso "correcto": return Right (); romper; caso "Up": return up (); romper; predeterminado: return down (); }} // repite var mymarquee = setInterval (swichdirection, velocidad); // Hover sobre Demo.OnMouseOver = function () {ClearInterval (myMarquee);} // comienza a desplazarse nuevamente Demo.OnMouseOut = function () {mymarquee = setInterval (swichDirection, velocidad);}}} </script> </head> <body> <d "Id =" img "> <stip align =" Center "Cellpadding 5" 5 "5" 5 "5" "". CellPacing = "0"> <tr> <TD> <img src = "http://attach.e.iciba.com/attachment/200910/22/4188617_12561994098532.jpg"/> </td> <td> <img 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, "derecho", 800,160, "", "img") </script> </body> </html>Lo anterior es todo el contenido de este artículo. Para obtener más información sobre JavaScript, puede consultar: "Tutorial de referencia de JavaScript" y "Guía de estilo de código JavaScript". También espero que todos apoyen más a Wulin.com.