<div class="codetitle"> <span><a style="CURSOR: pointer" data="99994" class="copybut" id="copybut99994" onclick="doCopy('code99994')"><u>コードをコピーします</u></a></span> コードは次のとおりです。</div> <div class="codebody" id="code99994"> <br><script> /*speed 値が大きいほど速度が遅くなります*/ <br>document.getElementById('www_qpsh_com2').innerHTML=document.getElementById('www_qpsh_com1').innerHTML; <br><br>/*2 つのレイヤー前後に交互に実行*/ <br>function Marquee(){ <br>if(document.getElementById('www_qpsh_com2').offsetWidth-document.getElementById('www_qpsh_com').scrollLeft<=0) <BR>document.getElementById ('www_qpsh_com').scrollLeft -=document.getElementById('www_qpsh_com1').offsetWidth; <BR>else{ <BR>document.getElementById('www_qpsh_com').scrollLeft ; <BR>document.getElementById( 'my_marquee_info').innerHTML= ''; <BR>document.getElementById('my_marquee_info').innerHTML ='div.scrollTop:' document.getElementById('www_qpsh_com').scrollLeft; <BR>} <BR>var MyMar =setInterval(Marquee,speed) ; <BR>www_qpsh_com.onmouseover=function() {clearInterval(MyMar);} <BR>www_qpsh_com.onmouseout=function() {MyMar=setInterval(Marquee,speed);} <BR>< ;/スクリプト> <br> <br><br>デモコード:</div> <br><br> <div class="htmlarea"> <textarea id="runcode8280"> 私のマーキー・ハライン <title> </title> <style> /*My Marquee CSS Start*/ .my_marquee_info{width:200px;border:#987654 solid 1px;padding:20px 3px 3px 2px;margin-top:30px;} .my_marquee_main{width:200px;height:160px;border:#234567 solid 1px;padding:2px 3px 3px 2px;overflow:hidden;} .my_marquee_div1{width:195px;border:Green solid 1px;} .my_marquee_div2{width:195px;border:Red solid 1px;} /*My Marquee CSS End*/ </style> <div id="www_qpsh_com" style="overflow: hidden; height: 140px; width: 800px;"> <table align="left" cellpadding="0" cellspace="0" border="0"> <tr> <td id="www_qpsh_com1" valign="top"> <table border="0" cellpadding="0" cellspacing="10"> <tr> <td height="96" align="center" valign="middle" style="background-color:Green;" title="我是第一个"> <img border="0" src="7005658357973.jpg" style="max-width:90%" style="max-width:90%" hspace="11" vspace="5" alt="js_javascript スキルに実装されたマーキーのような水平循環スクロール" > <center> 训练场地</center> </td> <td height="96" align="center" valign="middle"> <img border="0" src="7000940554735.jpg" style="max-width:90%" style="max-width:90%" hspace="11" vspace="5" alt="js_javascript スキルに実装されたマーキーのような水平循環スクロール" > <center> 休闲茶吧</center> </td> <td height="96" align="center" valign="middle"> <img border="0" src="7000840962304.jpg" style="max-width:90%" style="max-width:90%" hspace="11" vspace="5" alt="js_javascript スキルに実装されたマーキーのような水平循環スクロール" > <center> 会所简介</center> </td> <td height="96" align="center" valign="middle"> <img border="0" src="7000746023064.jpg" style="max-width:90%" style="max-width:90%" hspace="11" vspace="5" alt="js_javascript スキルに実装されたマーキーのような水平循環スクロール" > <center> 室内赛场和马房</center> </td> <td height="96" align="center" valign="middle" style="background-color:Red;" title="我是最后一个"> <img border="0" src="7000556611956.jpg" style="max-width:90%" style="max-width:90%" hspace="11" vspace="5" alt="js_javascript スキルに実装されたマーキーのような水平循環スクロール" > <center> 牧马场</center> </td> </tr> </table> </td> <td id="www_qpsh_com2" valign="top"> </td> </tr> </table> </div> <div class="my_marquee_info" id="my_marquee_info"> </div> </textarea><br> <input onclick="runEx('runcode8280')" type="button" value="运行代码"> <input onclick="doCopy('runcode8280')" type="button" value="复制代码">[Ctrl A すべて選択 注: <input onclick="doSave(runcode8280)" type="button" value="保存代码">外部 Js を導入する必要がある場合は、<a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank"> を実行するために更新する必要があります]</a> </div>
