图片的洋葱皮动画效果的实现代码

王朝other·作者佚名  2008-05-31
宽屏版  字体: |||超大  

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

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

<base href="http://www.knowsky.com">

<div id=demo style=overflow:hidden;height:33;width:200;background:#214984;color:#ffffff>

<table align=left cellpadding=0 cellspace=0 border=0>

<tr>

<td id=demo1 valign=top><img src="/img/link.gif"><img src="/img/link1.gif"><img src="/img/link2.gif"><img src="/img/link3.gif">

</td>

<td id=demo2 valign=top></td>

</tr>

</table>

</div>

<script>

var speed=30

demo2.innerHTML=demo1.innerHTML

demo.scrollLeft=demo.scrollWidth

function Marquee(){

if(demo.scrollLeft<=0)

demo.scrollLeft+=demo2.offsetWidth

else{

demo.scrollLeft--

}

}

var MyMar=setInterval(Marquee,speed)

demo.onmouseover=function() {clearInterval(MyMar)}

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}

</script>

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