图片的渐显播放 dn001 2009-06-21 08:54:33 <!-- bbs http://www.knowsky.com/bbs--> <!-- 把下列代码加到<body>区域内 --> <!-- 指向链接图片url --> <base href="http://www.knowsky.com"> <div id=demo style=overflow:hidden;height:150;width:90;background:#214984;color:#ffffff> <div id=demo1> <!-- 定义图片 --> <img src="/img/link.gif"> <img src="/img/link1.gif"> <img src="/img/link2.gif"> <img src="/img/link3.gif"> <img src="/img/link4.gif"> </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>
