JS滚动图片代码(含横向和纵向)
来源:互联网 发布:网络信息安全基础知识 编辑:程序博客网 时间:2024/05/17 23:06
横向
<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滚动图片代码(含横向和纵向)
- Js图片滚动代码,横向纵向滚动,面向对象代码
- JS图片横向纵向滚动
- 图片横向滚动js代码
- 图片横向连续滚动js代码
- js图片横向滚动
- javascript 横向和纵向滚动效果
- 横向滚动图片代码
- 不间断的滚动(横向/纵向)
- 隐藏横向滚动条(纵向)
- JS特效之连续不断横向滚动图片代码
- JS图片横向滚动出现
- 控制横向和纵向滚动条的显隐
- ASPX 控件添加横向和纵向自动扩展滚动条
- div纵向、横向滚动条
- JS图片横向不间断滚动(从右到左)
- Java横向、纵向合并图片
- Java横向、纵向合并图片
- illustrator cs2 文字环绕方法:
- 类的嵌套以及类的私有构造函数
- test
- Java Math 类中的新功能,第 1 部分: 实数
- Delphi中Interface接口的使用方
- JS滚动图片代码(含横向和纵向)
- C/C++笔试、面试题目大汇总
- DefaultProperty("Text"), ToolboxData
- client use server value
- Delphi 灵活运用接口(interface), 隐藏核心代码, 设计低耦合程序.
- 用VC++实现不规则窗口
- test
- 有关云计算的几点个人看法
- Hadoop安装部署指南