无忧脚本 » Html & XHtml & CSS 网页制作讨论版 » 高手们帮帮手用marquee滚动图片,滚动图片时不产生间隔,

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 18:09 斩风
哦,难怪了

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.