2005-8-2 15:48
jiecheng
高手们帮帮手用marquee滚动图片,滚动图片时不产生间隔,
高手们帮帮手用marquee滚动图片,滚动图片时不产生间隔,
我做这个网页是,可惜我不会写代码
[url]www.china-yty.com[/url]
<script>document.write('<marquee scrollAmount=3 loop="INFINITE" width=190 height=210 direction=up><img src=IMAGE1/8newok3.JPG border=0></a></marquee>')</script>
2005-8-2 17:28
天林
不间断滚动
有例子的,自己先搜下
2005-8-2 17:30
斩风
我知道有用脚本的代码使图片滚动无间隔,想知道用marquee可以实现吗
2005-8-2 17:39
天林
只用marquee不行
2005-8-2 20:27
天林
[code]<div id=demo style=overflow:hidden;height:200;width:150>
<div id=demo1>
<img src='http://www.webjx.com/img/200406301.jpg'><br>
<img src='http://www.webjx.com/img/200406302.jpg'><br>
<img src='http://www.webjx.com/img/200406303.jpg'><br>
<img src='http://www.webjx.com/img/200406304.jpg'><br>
<img src='http://www.webjx.com/img/200406305.jpg'><br>
</div>
<div id=demo2></div>
</div>
<script>
var speed=30;
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight;
else
demo.scrollTop++;
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
[/code]
[ 本帖由 天林 最后编辑于 2005-8-2 20:28 ]
2005-8-5 09:13
jiecheng
上面的代码,是向上滚动的,什么改,才能左面滚动?
<div id=demo style=overflow:hidden;height:200;width:150>
<div id=demo1>
<img src='http://www.webjx.com/img/200406301.jpg'><br>
<img src='http://www.webjx.com/img/200406302.jpg'><br>
<img src='http://www.webjx.com/img/200406303.jpg'><br>
<img src='http://www.webjx.com/img/200406304.jpg'><br>
<img src='http://www.webjx.com/img/200406305.jpg'><br>
</div>
<div id=demo2></div>
</div>
<script>
var speed=30;
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight;
else
demo.scrollTop++;
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
上面的代码,是向上滚动的,什么改,才能左面滚动?
2005-8-5 09:33
333
[code]
<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="http://www.iecn.net/forum/images/iecn/newthread.gif" height=20 width=104
border=0></a>
<a href="javascript:alert('发表回复');"><img src="http://www.iecn.net/forum/images/iecn/reply.gif" height=20 width=104
border=0></a>
</div>
</div>
<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>
[/code]
2005-12-6 12:25
socoolq
版主333:
请问你这个怎么设置滚动速度?
这个好象很慢啊~~~~我要快一点
[code]<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="http://www.iecn.net/forum/images/iecn/newthread.gif" height=20 width=104
border=0></a>
<a href="javascript:alert('发表回复');"><img src="http://www.iecn.net/forum/images/iecn/reply.gif" height=20 width=104
border=0></a>
</div>
</div>
<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>[/code]
2005-12-6 22:20
hoowow
请问使图片垂直滚动的怎么编?
2005-12-9 15:04
jdhforever
很好的代码。我用了,谢谢!
2008-10-17 00:51
Hawk
终于找到了
页:
[1]
Powered by Discuz! Archiver 5.5.0
© 2001-2006 Comsenz Inc.