非常に優れた効果コードで、左と右の上下にスクロールでき、収集しました！ ！
< xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <title> scrolling tex </<script = <"/javascript">***************デモ、Deml1、Demo2の「デモ」は繰り返されない限り任意に任意にすることができます * * @para速度が大きいほどスクロール速度が大きいほど、 * @para方向が遅くなります。フォルダー内の画像をスクロールするために自動的に取得されます） * * @para usage Instance scrollobject（ "res"、50、 "up"、470,200、 ""、 "リソース"）contentbyid（リソース）の下のコンテンツをスクロールします（リソース） * * @para usage instance scrollobject（ "res"、50、 "up"、470,200、 "d：//"）、 "）、"）。現在、ie */ var $ = function（id）{return document.getelementbyid（id）} // scroll function scrollobject（obj、速度、方向、objwidth、objheight、filepath、contentbyid）{//初期化の実行（方向== "up" ||方向== "）document.write（udstruture（）; 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; //左と右の関数lrstructure（）{var _html = ""; _html+= "<div id = '"+obj+"'>"; _html+= "<table border = '0' align = 'left' cellpadding = '0' cellspace = '' 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>"; return _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>"; return _html; } // image function file（）{var tbsource = filepath; //ローカルフォルダー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 $/; //フォルダーファイルが（;！colfiles.atend（）; colfiles.movenext（））のjpgファイルであるかどうかを確認します//フォルダーのファイルを読み取り{var objfile = colfiles.item（）; if（re_inf1.test（objfile.name.tolowercase（）））{imglist+= "<img src ="+filepath+"/"+objfile.name+">"; }} imglistを返します。 } //左関数左（）{if（demo2.offsetwidth-demo.scrollleft <= 0）{demo.scrollleft- = demo1.offsetwidth; } else {demo.scrollleft ++; }} //右右関数右（）{if（demo.scrollleft <= 0）{demo.scrollleft- = demo1.offsetwidth; } else {demo.scrollleft ++; }} //右右関数右（）{if（demo.scrollleft <= 0）{demo.scrollleft+= demo2.offsetwidth; } else {demo.scrollleft--}} // function down（）{if（demo1.offsettop-demo.scrolltop> = 0）{demo.scrolltop+= demo2.offseetheight; } else {demo.scrolltop--}} // function up（）{if（demo2.offsettop-demo.scrolltop <= 0）{demo.scrolltop- = demo1.offseetheight; } else {demo.scrolltop ++}} //方向の切り替えfunction swichdirection（）{switch（direction）{case "left"：return left（）;壊す;ケース「右」：return right（）;壊す; case "up"：return up（）;壊す;デフォルト：return（）; }} // var mymarquee = setinterval（swichdirection、speed）を繰り返します。 // demo.onmouseover = function（）{clearinterval（mymarquee）;} // demo.onmouseout = function = function（）{mymarquee = setinterval（swichdirection、speed）;}} </script> </head> <body> <div = "" 5 "" 5 "" 5 "" 5 "" 5 "" 5 "" 5 "" 5 "" 5 "" 5 "" 5 "" 5 "" 5 "" 5 "センター=" <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、 "right"、800,160、 ""、 "img"）</body> </html>上記は、この記事のコンテンツ全体です。 JavaScriptの詳細については、「JavaScriptリファレンスチュートリアル」と「JavaScriptコードスタイルガイド」をご覧ください。また、誰もがwulin.comをもっとサポートすることを願っています。