上下连续无间断滚动图像[网页特效]

王朝html/css/js·作者佚名  2006-11-24
宽屏版  字体: |||超大  

有什么问题请到<a href='/bbs/forums.php?fid=21'>论坛</a>中发表<br>

<!-- http://www.webjx.com/ -->

<!-- bbs http://www.webjx.com/bbs-->

<!- 把下列代码加到<body>区域内 -->

<div id=demo style=overflow:hidden;height:200;width:150>

<div id=demo1>

<img src='/img/200406301.jpg'><br>

<img src='/img/200406302.jpg'><br>

<img src='/img/200406303.jpg'><br>

<img src='/img/200406304.jpg'><br>

<img src='/img/200406305.jpg'><br>

</div>

<div id=demo2></div>

</div>

<script>

var speed=30;

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)}

</script>

</body>

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有