JS滚动图片代码（含横向和纵向）代码,JS代码库,德仔网

代码语言

代码分类

【JS】 JS滚动图片代码（含横向和纵向）

作者:dezai / 发布于2013/12/16/ 426

1.横向


<div id=demo style="overflow:hidden;width:200px;border:2px solid #e0e0e0;padding:2px;"onmouseover="stopscroll();"

onmouseout="doscroll()">
<div id="demo1"style="white-space:nowrap;padding:0;">
<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>
vart=demo.scrollWidth
demo1.innerHTML+=demo1.innerHTML
functiondoMarquee()
{
demo.scrollLeft=demo.scrollLeft<demo.scrollWidth-demo.offsetWidth?demo.scrollLeft+1:t-demo.offsetWidth
}
functiondoscroll()
{
sc=setInterval(doMarquee,20)
}
functionstopscroll()
{
clearInterval(sc)
}
doscroll()
</script>
<!--滚动的javascript结束-->




2.纵向


div id="demo"style="height:110px; overflow:hidden ">
<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 id="demo2"></div>

<!--滚动的javascript-->
<script>
varspeed=100
demo2.innerHTML=demo1.innerHTML
functionMarquees(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
varMyMars=setInterval(Marquees,speed)
demo.onmouseover=function() { clearInterval(MyMars) }
demo.onmouseout=function() { MyMars=setInterval(Marquees,speed) }
zlselect('6');
</script><!--滚动的javascript结束-->
</div>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　滚动图片　

同语言下

可能有用的

dezai贡献的其它代码(1065)