javascript 縱向 圖片輪滑

<!-- view room detail pic start--><br /> <div id="roomtypeSee" style="height: 700px;"><br /> <div id="demo" style="overflow: hidden; width: 200px; height: 700px; text-align: center"><br /> <div id="demo1"><br /> <center><br /> <font color="red"><br /> <b><br /> <img alt="" src="images/roomtypepic/tp1.jpg" mce_src="images/roomtypepic/tp1.jpg" alt="標準間實景圖" height="180" /><br /><br /> 標準間實景圖<br /><br /> <img alt="" src="images/roomtypepic/tp2.jpg" mce_src="images/roomtypepic/tp2.jpg" alt="進階間實景圖" height="180" /><br /><br /> 進階間實景圖<br /><br /> <img alt="" src="images/roomtypepic/tp3.jpg" mce_src="images/roomtypepic/tp3.jpg" alt="豪華間實景圖" height="180" /><br /><br /> 豪華間實景圖<br /><br /> <img alt="" src="images/roomtypepic/tp4.jpg" mce_src="images/roomtypepic/tp4.jpg" alt="行政間實景圖" height="180" /><br /><br /> 行政間實景圖<br /><br /> <img alt="" src="images/roomtypepic/tp5.jpg" mce_src="images/roomtypepic/tp5.jpg" alt="進階套房實景圖" height="180" /><br /><br /> 進階套房實景圖<br /><br /> <img alt="" src="images/roomtypepic/tp6.jpg" mce_src="images/roomtypepic/tp6.jpg" alt="豪華套房實景圖" height="180" /><br /><br /> 豪華套房實景圖<br /><br /> <img alt="" src="images/roomtypepic/tp7.jpg" mce_src="images/roomtypepic/tp7.jpg" alt="豪華套房實景圖" height="180" /><br /><br /> 豪華套房實景圖<br /><br /> </b><br /> </font><br /> </center><br /> </div><br /> <div id="demo2"></div><br /> </div><br /> <mce:script type="text/javascript"><!--<br /> var speed=1<br /> var demo2=document.getElementById("demo2");<br /> var demo1=document.getElementById("demo1");<br /> var demo=document.getElementById("demo");<br /> demo2.innerHTML=demo1.innerHTML<br /> function Marquee()<br /> {<br /> if(demo2.offsetTop-demo.scrollTop<=0)<br /> demo.scrollTop-=demo1.offsetHeight<br /> else<br /> {<br /> demo.scrollTop++<br /> }<br /> }<br /> var MyMar=setInterval(Marquee,speed)<br /> demo.onmouseover=function() {clearInterval(MyMar)}<br /> demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}</p><p>// --></mce:script><br /> </div><br /> <!-- view room detail pic end--> 

 

 

 

-----------------------------------------------------------------------

小小程式員|PHP學習交流 www.xiaophper.com