<div id="loopArea"><!-- [et_pb_line_break_holder] --> <table><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td id="Area1"><!-- [et_pb_line_break_holder] --> <table><!-- [et_pb_line_break_holder] --> <tr><!-- [et_pb_line_break_holder] --> <td><img src="http://woodoos.com/wp-content/uploads/2018/02/01.png" /></td><!-- [et_pb_line_break_holder] --> <td><img src="http://woodoos.com/wp-content/uploads/2018/02/02.png" /></td><!-- [et_pb_line_break_holder] --> <td><img src="http://woodoos.com/wp-content/uploads/2018/02/03.png" /></td><!-- [et_pb_line_break_holder] --> <td><img src="http://woodoos.com/wp-content/uploads/2018/02/04.png" /></td><!-- [et_pb_line_break_holder] --> <td><img src="http://woodoos.com/wp-content/uploads/2018/02/05.png" /></td><!-- [et_pb_line_break_holder] --> <td><img src="http://woodoos.com/wp-content/uploads/2018/02/06.png" /></td><!-- [et_pb_line_break_holder] --> <td><img src="http://woodoos.com/wp-content/uploads/2018/02/07.png" /></td><!-- [et_pb_line_break_holder] --> <td><img src="http://woodoos.com/wp-content/uploads/2018/02/08.png" /></td><!-- [et_pb_line_break_holder] --> <td><img src="http://woodoos.com/wp-content/uploads/2018/02/09.png" /></td><!-- [et_pb_line_break_holder] --> <td><img src="http://woodoos.com/wp-content/uploads/2018/02/10.png" /></td><!-- [et_pb_line_break_holder] --> <td><img src="http://woodoos.com/wp-content/uploads/2018/02/11.png" /></td><!-- [et_pb_line_break_holder] --> <td><img src="http://woodoos.com/wp-content/uploads/2018/02/12.png" /></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> </table><!-- [et_pb_line_break_holder] --> </td><!-- [et_pb_line_break_holder] --> <td id="Area2"></td><!-- [et_pb_line_break_holder] --> </tr><!-- [et_pb_line_break_holder] --> </table><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script type="text/javascript"><!-- [et_pb_line_break_holder] --><!--<!-- [et_pb_line_break_holder] --> //變數Speed為設定捲軸的速度用 越小越快<!-- [et_pb_line_break_holder] --> var Speed=10;<!-- [et_pb_line_break_holder] --> //接受setInterval所回傳的值<!-- [et_pb_line_break_holder] --> var timer;<!-- [et_pb_line_break_holder] --> //取得loopArea的參考用的變數<!-- [et_pb_line_break_holder] --> var loopArea = document.getElementById("loopArea");<!-- [et_pb_line_break_holder] --> //取得pic2的參考用的變數<!-- [et_pb_line_break_holder] --> var Area2= document.getElementById("Area2");<!-- [et_pb_line_break_holder] --> //讓pic2的innerHTML等於pic1的innerHTML<!-- [et_pb_line_break_holder] --> Area2.innerHTML=document.getElementById("Area1").innerHTML;<!-- [et_pb_line_break_holder] --> //用來捲動loopArea捲軸用的主程式<!-- [et_pb_line_break_holder] --> function picMarquee(){<!-- [et_pb_line_break_holder] --> //若pic2的寬小於loopArea的scrollLeft，表示捲軸已經過了第一行<!-- [et_pb_line_break_holder] --> //所以讓Div的scrollLeft再回到原來的位置；反之 則繼續往右跑<!-- [et_pb_line_break_holder] --> if(Area2.offsetWidth - loopArea.scrollLeft <= 0){<!-- [et_pb_line_break_holder] --> loopArea.scrollLeft = 0;<!-- [et_pb_line_break_holder] --> }else{<!-- [et_pb_line_break_holder] --> loopArea.scrollLeft++;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> //每Speed毫秒就執行一次pciMarquee()<!-- [et_pb_line_break_holder] --> timer=setInterval(picMarquee,Speed);<!-- [et_pb_line_break_holder] --> //當滑鼠在loopArea上時 就停止捲動<!-- [et_pb_line_break_holder] --> loopArea.onmouseover=function(){<!-- [et_pb_line_break_holder] --> clearInterval(timer);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> //當滑鼠離開loopArea上時 就繼續往右捲動<!-- [et_pb_line_break_holder] --> loopArea.onmouseout=function(){<!-- [et_pb_line_break_holder] --> timer=setInterval(picMarquee,Speed);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->//--><!-- [et_pb_line_break_holder] --></script>