js+div实现图片滚动效果代码

大佬教程收集整理的这篇文章主要介绍了js+div实现图片滚动效果代码，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

横向
<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>
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" 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>
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)
demo.onmouSEOver=function() { clearInterval(Mymars) }
demo.onmouSEOut=function() { Mymars=seTinterval(Marquees,speed) }
zlSELEct('6');
</script><!--滚动的javascript结束-->
</div>

大佬总结

以上是大佬教程为你收集整理的js+div实现图片滚动效果代码全部内容，希望文章能够帮你解决js+div实现图片滚动效果代码所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。