非常に優れた効果コードで、左と右の上下にスクロールでき、収集しました! !
< 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をもっとサポートすることを願っています。