js+div实现图⽚滚动效果代码
<div id=demo onmouseover="stopscroll();" onmouseout="doscroll()">
<div id="demo1" >
<a href="javascript:alert('发表新贴');"><img src="图⽚URL" height=20 width=104
border=0></a>
<a href="javascript:alert('发表回复');"><img src="图⽚URL" height=20 width=104
border=0></a>
</div>
</div>
<!--滚动的javascript-->
<script>
var t=demo.scrollWidth
demo1.innerHTML+=demo1.innerHTML
function doMarquee()
{
demo.scrollLeft=demo.scrollLeft<demo.scrollWidth-demo.offsetWidth?demo.scrollLeft+1:t-demo.offsetWidth
}
function doscroll()
{
sc=setInterval(doMarquee,20)
}
function stopscroll()
{
clearInterval(sc)
}
doscroll()
</script>
<!--滚动的javascript结束-->
<div id="demo" >
<div id="demo1">
<a href="javascript:alert('发表新贴');"><img src="图⽚URL" height=20 width=104
border=0></a>html滚动效果代码
<a href="javascript:alert('发表回复');"><img src="图⽚URL" height=20 width=104
border=0></a>
</div><div id="demo2"></div>
<!--滚动的javascript-->
<script>
var speed=100
demo2.innerHTML=demo1.innerHTML
function Marquees(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMars=setInterval(Marquees,speed)
zlselect('6');
</script><!--滚动的javascript结束-->
</div>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。