JS滚动图片代码(含横向和纵向)
2010-08-10 14:05
441 查看
1.横向
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> 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图片滚动代码,横向纵向滚动,面向对象代码
- JS滚动图片代码(含横向和纵向)
- JS图片横向滚动的代码(强烈推荐)
- JS实现图片横向滚动效果示例代码
- 图片横向连续滚动js代码
- JS特效代码大全(六)图片横向滚动效果
- 图片横向滚动js代码
- JS实现多张图片纵向横向无缝滚动
- JS图片横向滚动的代码
- JS实现图片横向滚动效果示例代码
- JS特效之连续不断横向滚动图片代码
- JS特效代码大全(六)图片横向滚动效果
- JS图片横向纵向滚动
- JS小功能(offsetLeft实现图片滚动效果)实例代码
- 使网页中的图片无空隙上、下、左、右、滚动的JS代码〈绝对可用〉
- 常见JS效果之图片减速度滚动实现代码
- 图片动画横条广告带上下滚动的JS代码
- 控制图片水平方向左右滚动的JS代码
- 滚动图片代码JS
- div+css+jQuery图片横向滚动代码(带左右点击按钮)