جزء ممتاز من رمز التأثير ، يمكنك التمرير لأعلى ولأسفل ، اليسار واليمين ، وقد جمعته! !
<! doctype html public "-// w3c // dtd xhtml 1.0 Strict // en" "http://www.w3 xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = gb2312"/> "Demo" في العرض التوضيحي ، deml1 ، يمكن أن يكون Demo2 بشكل تعسفي طالما أنه غير متكرر * * para سرعة أكبر سرعة التمرير ، وأبطأ اتجاه * * @para يتضمن اتجاه التمرير: اليسار ، إلى اليمين ، لأسفل ، * * para objwidth total total عرض * para objheight تم الحصول عليها تلقائيًا لتمرير الصورة في المجلد) * * para contentByid قم بتمرير المحتوى باستخدام محتوى معرف معين لا يمكن أن يتعايش هذا التمرير ولا يمكن أن يتعايش. يرجى ملاحظة * * para استخدام مثيل scrollObject ("Res" ، 50 ، "Up" ، 470،200 ، "" ، "Resource") قم بتمرير المحتوى ضمن ContentByid (Resource) * * @Para use مثيل ScrollObject ("res" ، 50 ، "UP" ، 470،200 ، حاليًا ، فقط ie */ var $ = function (id) {return document.getElementById (id)} // scroll scrollobject (obj ، السرعة ، الاتجاه ، objwidth ، objheight ، filepath ، contentByid) {// تنفيذ التهيئة if (direction == " else document.write (lrstructure ()) ؛ var demo = $ (obj) ؛ var demo1 = $ (obj+"1") ؛ var demo2 = $ (obj+"2") ؛ سرعة var = السرعة ؛ $ (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 ؛ // scroll function و yite 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'>" ؛ // هنا هو المحتوى المراد scrolled_html+= "</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'>" ؛ // هنا هو المحتوى المراد scrolled_html+= "</td>" ؛ _html+= "<tr>" ؛ _html+= "<tr>" ؛ _html+= "<td id = '"+obj+"1'>" ؛ // هنا هو المحتوى المراد scrolled_html+= "</td>" ؛ _html+= "<tr>" ؛ _html+= "<tr>" ؛ _html+= "<td id = '"+obj+"2'> </td>" ؛ _html+= "</tr>" ؛ _html+= "</table>" ؛ _html+= "</div>" ؛ العودة _html ؛ } // احصل على ملف وظيفة الصورة () {var tbsource = filePath ؛ // path path path 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 لـ (؛! colfiles.atend () ؛ colfiles.movenext ()) // اقرأ الملف في المجلد {var objfile = colfiles.item () ؛ if (re_inf1.test (objfile.name.toLowerCase ())) {imglist+= "<img src ="+filepath+"/"+objfile.name+">" ؛ }} إرجاع imglist ؛ }. } آخر {demo.scrollleft ++ ؛ }} // scroll right function right () {if (demo.scrollleft <= 0) {demo.scrollleft- = demo1.offsetWidth ؛ } آخر {demo.scrollleft ++ ؛ }} // scroll right function right () {if (demo.scrollleft <= 0) {demo.scrollleft+= demo2.offsetWidth ؛ } آخر {demo.scrollleft--}} // التمرير لأسفل دالة لأسفل () {if (demo1.offsettop-demo.scrolltop> = 0) {demo.scrolltop+= demo2.offsetheight ؛ } آخر {demo.scrolltop--}} // scroll up function Up () {if (demo2.offsettop-demo.scrolltop <= 0) {demo.scrolltop- = demo1.offsetheight ؛ } آخر {demo.scrolltop ++}} // التبديل وظيفة الاتجاه swichdirection () {switch (direction) {case "left": return left () ؛ استراحة؛ حالة "الحق": العودة يمين () ؛ استراحة؛ حالة "UP": return Up () ؛ استراحة؛ الافتراضي: العودة لأسفل () ؛ }} // كرر var mymarquee = setInterval (swichdirection ، السرعة) ؛ // hover over demo.onmouseover = function () {clearinterval (mymarquee) ؛} // ابدأ التمرير مرة أخرى demo.onmouseout = function () {mymarquee = setInterval (swichdirection ، speed) ؛}} </script> </head> <body> <iv id = "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/464349_170245009531_2.jpg"/> </td> <td> <img src = "http://pica.nipic.com/2008-05-30/20085309524648_2.jpg"/> </td> </tr> </lood> </viv> <script type = "text/javaScript"> scrollobject ("SR" ، 50 ، "Right" ، 800،160 ، "" ، "IMG") </script> </body> </html>ما سبق هو المحتوى الكامل لهذه المقالة. لمزيد من المعلومات حول JavaScript ، يمكنك التحقق من: "دليل JavaScript Reference Tutorial" و "JavaScript Code Style". آمل أيضًا أن يدعم الجميع wulin.com أكثر.