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>

您可能感兴趣的文章:

• Android实现图片滚动和页签控件功能的实现代码
• Android仿淘宝商品浏览界面图片滚动效果
• 图片自动播放器编程小技巧修正
• JS特效实现图片自动播放并可控的效果
• autoPlay 基于jquery的图片自动播放效果
• 基于Jquery实现的一个图片滚动切换
• jquery 圆形旋转图片滚动切换效果
• JQuery 图片滚动轮播示例代码
• js实现网站首页图片滚动显示
• jQuery+css实现图片滚动效果(附源码)
• jquery实现图片滚动效果的简单实例
• ImageFlow可鼠标控制图片滚动
• javascript 不间断的图片滚动并可点击
• js实现鼠标经过时图片滚动停止的方法
• Android使用自定义属性实现图片自动播放滚动的功能