Очень превосходный код эффекта, вы можете прокручивать вверх и вниз, влево и вправо, и вы его собрали! !
<! Doctype html public "-// w3c // dtd xhtml 1.0 strict // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"><html1/dtd/xhtml1-strict.dtd"> 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"> @obsypect obsy obsy obty obse os obsy os @ @javascript «демонстрация» в демонстрации, Deml1, Demo2 может быть произвольно, если он не повторяется * * @para oper, тем больше скорость прокрутки, тем медленнее * * @para направление прокрутки включает в себя: слева, справа, вниз, вниз * * @para objwidth Тотальная площадь. автоматически получается для прокрутки изображения в папке) * * @para contentByID прокрутите контент с определенным идентификационным контентом. Обратите внимание, что * * @para использует экземпляр Scollobject («Res», 50, «Up», 470,200, «», «Ресурс») Прокрутите контент в соответствии с ContentByID (ресурс) * * @para Encement Encement ScollObject («Res», 50, «UP», 470,200, «D: // Images //», »). Автомально get и Scroll в соответствии с Collepte (D: // Images //,»). В настоящее время только IE */ var $ = function (id) {return document.getElementById (id)} // Функция прокрутки scrollObject (obj, скорость, направление, objwidth, objheight, filepath, contentbyid) {// выполнять инициализацию if (направление = "up" || direction == "down") документ. else document.write (lrstructure ()); var demo = $ (obj); var demo1 = $ (obj+"1"); var demo2 = $ (obj+"2"); var speed = speed; $ (ContentByID) .Style.Display = "none" 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; // прокручивать левую и правую функцию 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'>"; // Вот содержимое, чтобы быть прокручивающимся_хтмл+= "</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'>"; // Вот содержимое, чтобы быть прокручивающимся_хтмл+= "</td>"; _html+= "<tr>"; _html+= "<tr>"; _html+= "<td id = '"+obj+"1'>"; // Вот содержимое, чтобы быть прокручивающимся_хтмл+= "</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 = new Enumerator (objfolder.files); var re_inf1 = //. jpg $/; // Проверьте, является ли файл папки JPG -файл для (;! CollileS.Atend (); colfiles.movenext ()) // Прочитайте файл в папке {var objfile = colfiles.item (); if (re_inf1.test (objfile.name.tolowercase ())) {imglist+= "<img src ="+filePath+"/"+objfile.name+">"; }} return imglist; } // Прокрутите левую функцию Left () {if (demo2.OffSetWidth-demo.scrollleft <= 0) {demo.scrollleft- = demo1.offsetWidth; } else {demo.scrollleft ++; }} // прокрутить правую функцию right () {if (demo.scrollleft <= 0) {demo.scrollleft- = demo1.offsetWidth; } else {demo.scrollleft ++; }} // прокручивать правую функцию right () {if (demo.scrollleft <= 0) {demo.scrollleft+= demo2.offsetWidth; } else {demo.scrollleft--}} // прокручивать функцию вниз () {if (demo1.offsettop-demo.scrolltop> = 0) {demo.scrolltop+= demo2.offsetheight; } else {demo.scrolltop--}} // прокручивать функцию Up () {if (demo2.ofttop-demo.scrolltop <= 0) {demo.scrolltop- = demo1.offsetheight; } else {demo.scrolltop ++}} // Функция направления переключения swichdirection () {switch (direction) {case "Left": return Left (); перерыв; Дело "справа": вернуть right (); перерыв; Дело "up": return up (); перерыв; по умолчанию: return down (); }} // повторить var mymarquee = setInterval (swichdirection, speed); // Ведение Demo.onmouseover = function () {clearInterval (mymarquee);} // Начать снова прокрутки demo.onmouseout = function () {mymarquee = setInterval (swichdirection, speed);}} </script> </Head> <body> <div = "Img"> <таблица); 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> <Скрипт type = "text/javascript"> scrollobject ("sr", 50, "справа", 800,160, "", "Img") </script> </body> </html>Вышеуказанное - все содержание этой статьи. Для получения дополнительной информации о JavaScript вы можете проверить: «Справочный учебник JavaScript» и «Руководство по стилю кода JavaScript». Я также надеюсь, что все будут поддерживать Wulin.com больше.