编程论坛 → ASP技术论坛

我不知道,麻烦一下大家!

kuangshen 发布于 2007-09-13 19:07， 343 次点击

这个效果我没做好,
<marquee behavior="scroll" direction="left" width="790" height="100" loop="-1" scrollamount="1" scrolldelay="1" style="font:12px;" onMouseOver="this.stop();" onMouseOut="this.start();">
<img src="标题.jpg" width="760" height="123"><br></marquee>

这是一个跑马灯的效果,但是我这个效果,还没做好,他要从遮照的地方走出来然后走完后面都没有接上,

我想要的是出来浏览的时候图就可以看见然后中间不断掉,怎么做,麻烦大家了!!!!!

3 回复

#2

madpbpl2007-09-13 19:47

查了一下，都是用js控制的。楼主可以做个参考，具体自己调整一下
<div id=demo style=overflow:hidden;height:33;width:200;background:#214984;color:#ffffff>
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id=demo1 valign=top><img src="/img/link.gif"><img src="/img/link1.gif"><img src="/img/link2.gif"><img src="/img/link3.gif">
</td>
<td id=demo2 valign=top></td>
</tr>
</table>
</div>

<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

#3

kuangshen2007-09-13 21:35

我不怎么会看啊...能改一下我发的吗?麻烦了哦

#4

madpbpl2007-09-14 00:10

上面已经给你代码了
<div id=demo style=overflow:hidden;height:33;width:200;background:#214984;color:#ffffff>
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id=demo1 valign=top> <img src="/img/link.gif"><img src="/img/link1.gif"><img src="/img/link2.gif"><img src="/img/link3.gif">
</td>
<td id=demo2 valign=top></td>
</tr>
</table>
</div>

<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
红色的img换成你自己img
高度、宽度、颜色自己调整

1