1
|
图片上下滚动源代码:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
<div id=demo style=
"OVERFLOW: hidden; WIDTH: 200px; HEIGHT: 300px; float:right; margin:10px 15px 20px 0px;"
>
<div id=demo1><a href=
"#"
target=
"_blank"
><IMG height=150 src=
"images/z.jpg"
width=200 border=0></a><BR>
<BR>
<a href=
"#"
target=
"_blank"
><IMG height=150 src=
"images/z.jpg"
width=200 border=0></a><BR>
<BR>
<a href=
"#"
target=
"_blank"
><IMG height=150 src=
"images/z.jpg"
width=200 border=0></a><BR>
<BR>
<a href=
"#"
target=
"_blank"
><IMG height=150 src=
"images/z.jpg"
width=200 border=0></a><BR>
<BR>
</div>
<div id=demo2>
</div>
</div>
<script>
var
speed=60
demo2.innerHTML=demo1.innerHTML
//克隆demo1为demo2
function
Marquee(){
//当滚动至demo1与demo2交界时
if
(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
//demo跳到最顶端 <span style="color:#c00000;">我觉得这段代码浏览器不兼容</span> <span style="color:#ff0000;">所以遇到有的浏览器正常滚动有的滚一下就不动 就修改这里</span>
else
{
demo.scrollTop++
}
}
var
MyMar=setInterval(Marquee,speed)
//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
demo. {clearInterval(MyMar)}
//鼠标移开时重设定时器
demo.
</script>
|
这段代码我测试了在ie6下没问题 高版本的ie浏览器下滚动一遍就开始跳动不滚动了 别的浏览器测试了也是这样
为此我把代码中间改了下 demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端 把这一行的offsetHeight 我改成了offsetstop 结果测试了 别的浏览器也能一直滚动了
网络此问题相关资料链接:
asp文件滚动图片的问题:在ie6下运行正常,在Ie7、ie8下图片不滚动
JS里定义变量var speed但是在IE和火狐下速度不一样怎么办?
本文转自 yeybz 51CTO博客,原文链接:http://blog.51cto.com/hmlwl/1402830