javascript 纵向 图片轮滑

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

 

 

 

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

小小程序员|PHP学习交流 www.xiaophper.com