就是想让这四张图片滚动的时候在网页的右上角,而且滚动的范围只有看到图片那么大小的。怎么写啊?
1个回答
展开全部
<div id="demo0" style="overflow:hidden;height:40px; margin-top:10px; margin-bottom:10px;width:110px;">
<div id="demo1" style="min-height:40px;_height:40px">
<img src="01.gif" width="100" height="40"><br>
<img src="02.gif" width="100" height="40"><br>
<img src="03.gif" width="100" height="40"><br>
<img src="04.gif" width="100" height="40">
</div>
<div id="demo2" style="min-height:40px;_height:40px"></div>
</div>
<script>
var speed=25
var demo0=document.getElementById("demo0");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
function Marquee0(){
if(demo1.scrollHeight<=demo0.scrollTop)
demo0.scrollTop=0
else{
demo0.scrollTop++
}
}
var MyMar0=setInterval(Marquee0,speed)
demo0.onmouseover=function() {clearInterval(MyMar0)}
demo0.onmouseout=function() {MyMar0=setInterval(Marquee0,speed)}
</script>
——————————————————————————————
DIV里的STYLE就是样式,大小都可以在里面调整,上边我已经调过,根据你的需求自己调一下吧,布局我没你整个网页的代码,自己在网页里弄个表格,放到右上角单元格里就行了
<div id="demo1" style="min-height:40px;_height:40px">
<img src="01.gif" width="100" height="40"><br>
<img src="02.gif" width="100" height="40"><br>
<img src="03.gif" width="100" height="40"><br>
<img src="04.gif" width="100" height="40">
</div>
<div id="demo2" style="min-height:40px;_height:40px"></div>
</div>
<script>
var speed=25
var demo0=document.getElementById("demo0");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
function Marquee0(){
if(demo1.scrollHeight<=demo0.scrollTop)
demo0.scrollTop=0
else{
demo0.scrollTop++
}
}
var MyMar0=setInterval(Marquee0,speed)
demo0.onmouseover=function() {clearInterval(MyMar0)}
demo0.onmouseout=function() {MyMar0=setInterval(Marquee0,speed)}
</script>
——————————————————————————————
DIV里的STYLE就是样式,大小都可以在里面调整,上边我已经调过,根据你的需求自己调一下吧,布局我没你整个网页的代码,自己在网页里弄个表格,放到右上角单元格里就行了
来自:求助得到的回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询