Um código de efeito muito excelente, você pode rolar para cima e para baixo, para a esquerda e para a direita, e você o coletou! !
<! xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <tring> rolando teste </title> <script type = " "Demo" na demonstração, Deml1, Demo2 pode ser arbitrariamente desde que não seja repetido * * @para acelerar quanto maior a velocidade de rolagem, mais lento a direção * * @para a direção de rolagem inclui a largura da área de scrolling * @para, para cima, para cima * * @para objwidthth wothible warth * * @para Pathheight visível obtido automaticamente para rolar a imagem na pasta) * @para contentbyid role o conteúdo com um certo ID ContentbyId Este rolagem e o FilePath não podem coexistir. Please note * * @para Usage instance scrollObject("res",50,"up",470,200,"","resource") Scroll the content under contentById(resource)* * @para Usage instance scrollObject("res",50,"up",470,200,"d://images//","") Automatically get and scroll the content under filePath(images). Atualmente, apenas ie */ var $ = function (id) {retorna document.getElementById (id)} // Scroll function scrollobject (obj, velocidade, direção, objwidth, objHeight, filepath, contentbyId) {// execute a inicialização se (direção == "up" | else document.write (lrstructure ()); var demo = $ (obj); var demo1 = $ (obj+"1"); var demo2 = $ (obj+"2"); var velocidade = velocidade; $ (contentById) .style.display = "nenhum" 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; // role a função esquerda e direita lrstructure () {var _html = ""; _html+= "<div id = '"+obj+"'>"; _html+= "<tabela borda = '0' align = 'esquerda' CellPadding = '0' CellSpace = '0' CellSpace = '0'>"; _html+= "<tr>"; _html+= "<td nowrap = 'nowrap' id = '"+obj+"1'>"; // Aqui está o conteúdo a ser rollled_html+= "</td>"; _html+= "<td nowrap = 'nowrap' id = '"+obj+"2'> </td>"; _html+= "</tr>"; _html+= "</tr>"; _html+= "</table>"; _html+= "</div>"; retornar _html; } // rolando a função da estrutura para cima e para baixo udStructure () {var _html = ""; _html+= "<div id ="+obj+">"; _html+= "<tabela borda = '0' align = 'esquerda' CellPadding = '0' CellSpace = '0'>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"1'>"; // Aqui está o conteúdo a ser rollled_html+= "</td>"; _html+= "<tr>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"1'>"; // Aqui está o conteúdo a ser rollled_html+= "</td>"; _html+= "<tr>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"2'> </td>"; _html+= "</tr>"; _html+= "</table>"; _html+= "</div>"; retornar _html; } // Obtenha o arquivo da função da imagem () {var tbsource = filepath; // Caminho da pasta local filepath = filepath.toString (); if (filepath == "") retornar ""; var iMglist = ""; var objfso = new ActiveXObject ('scripting.filesystemoBject'); // se a pasta existe se (! Objfso.PoldErexists (tbsource)) {alert ("<"+tbsource+"> o caminho da pasta não existe ou o caminho não pode conter um nome de arquivo!"); objfso = nulo; retornar; } var objFolder = objfso.getFolder (tbsource); var colfiles = new Enumerator (ObjFolder.Files); var re_inf1 = //. jpg $/; // Verifique se o arquivo de pasta é o arquivo jpg para (;! Colfiles.atend (); colfiles.movenext ()) // leia o arquivo na pasta {var objfile = colfiles.item (); if (re_inf1.test (objfile.name.tolowercase ())) {imglist+= "<img src ="+filepath+"/"+objfile.name+">"; }} retornar imglist; } // roll Função esquerda esquerda () {if (Demo2.offsetWidth-Demo.ScrollLeft <= 0) {Demo.ScrollLeft- = Demo1.OffsetWidth; } else {Demo.ScrollLeft ++; }} // roll função direita direita () {if (Demo.ScrollLeft <= 0) {Demo.ScrollLeft- = Demo1.OffSetWidth; } else {Demo.ScrollLeft ++; }} // roll função direita direita () {if (Demo.ScrollLeft <= 0) {Demo.ScrollLeft+= Demo2.OffSetWidth; } else {Demo.ScrollLeft--}} // role para baixo function para baixo () {if (Demo1.offsetTop-demo.Scrolltop> = 0) {Demo.Scrolltop+= Demo2.offSethEight; } else {Demo.Scrolltop--}} // roll up function up () {if (Demo2.offsettop-demo.scrolltop <= 0) {Demo.Scrolltop- = Demo1.offseStEight; } else {Demo.Scrolltop ++}} // Função de direção de alternância Swichdirection () {switch (direção) {case "esquerd": return esquerd (); quebrar; caso "direita": retornar à direita (); quebrar; case "up": retornar (); quebrar; Padrão: retornar (); }} // repita var myMarQuee = setInterval (swichdirection, speed); // mouse sobre Demo.onMouseOver = function () {ClearInterval (myMarQuee);} // comece a rolar novamente Demo.onMouseOut = function () {myMarQuee = setInterval (swichdirection, speed);}} </script> </" 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> </tabela> </div> <script type = "text/javascript"> scrollobject ("sr", 50, "direita", 800.160 ",", "img") </sCript> </body> </html>O acima é o conteúdo inteiro deste artigo. Para obter mais informações sobre JavaScript, você pode conferir: "Javascript Reference Tutorial" e "JavaScript Code Style Guide". Eu também espero que todos apoiem mais wulin.com.