DREAMWEAVER中滚动图片,如何解决一开始不出现白色的背景,就是连续循环图片
dreamweaver中,用<marquee>做的滚动图片,开始和结束都产生空白,如何解决??用表格做的。...
dreamweaver中,用<marquee>做的滚动图片,开始和结束都产生空白,如何解决??用表格做的。
展开
2013-07-10
展开全部
看看这个好用不?(把里面的图片换成你需要的,路径设置好了) <body leftmargin="0" topmargin="0">
<div id=demo style=overflow:hidden;height:130;width:900;background:#ffffff;color:#000000>
<table border=0 align=left cellpadding=0 cellspace=0>
<tr>
<td width="1215" valign=top id=demo1><table width="1000" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td><img src="img/1.gif" width="149" height="112"> </td>
<td><img src="img/2.gif" width="150" height="112"> </td>
<td><img src="img/3.gif" width="149" height="112"> </td>
<td><img src="img/4.gif" width="148" height="112"> </td>
<td><img src="img/5.gif" width="149" height="111"> </td>
<td><img src="img/6.gif" width="148" height="112"> </td>
<td><img src="img/7.gif" width="152" height="112"> </td>
<td><img src="img/8.gif" width="149" height="112"> </td>
<td><img src="img/3.gif" width="149" height="112"> </td>
</tr>
</table>
</td>
<td width="12" valign=top id=demo2></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>
<div id=demo style=overflow:hidden;height:130;width:900;background:#ffffff;color:#000000>
<table border=0 align=left cellpadding=0 cellspace=0>
<tr>
<td width="1215" valign=top id=demo1><table width="1000" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td><img src="img/1.gif" width="149" height="112"> </td>
<td><img src="img/2.gif" width="150" height="112"> </td>
<td><img src="img/3.gif" width="149" height="112"> </td>
<td><img src="img/4.gif" width="148" height="112"> </td>
<td><img src="img/5.gif" width="149" height="111"> </td>
<td><img src="img/6.gif" width="148" height="112"> </td>
<td><img src="img/7.gif" width="152" height="112"> </td>
<td><img src="img/8.gif" width="149" height="112"> </td>
<td><img src="img/3.gif" width="149" height="112"> </td>
</tr>
</table>
</td>
<td width="12" valign=top id=demo2></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>
2013-07-10
展开全部
<div id="demo" style="overflow:hidden;width:300px; height:140px" onMouseOver="stopscroll();" onMouseOut="doscroll()">
<div id="demo1" style="white-space:nowrap;padding:0;">
<img src="图片的路径"> <img src="图片的路径"> <img src="图片的路径">
</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,30)
}
function stopscroll()
{
clearInterval(sc)
}
doscroll()
</script> ************************************************************************************************************************************ 把上边的代码复制到body或你想要滚动的地方,记住一定要把下面的JS放在滚动图片的下面 要是 ** 不滚的话就在多添加两张图片 如果次代码有问题 你可以报警举报我 ************************************************************************************************************************************
<div id="demo1" style="white-space:nowrap;padding:0;">
<img src="图片的路径"> <img src="图片的路径"> <img src="图片的路径">
</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,30)
}
function stopscroll()
{
clearInterval(sc)
}
doscroll()
</script> ************************************************************************************************************************************ 把上边的代码复制到body或你想要滚动的地方,记住一定要把下面的JS放在滚动图片的下面 要是 ** 不滚的话就在多添加两张图片 如果次代码有问题 你可以报警举报我 ************************************************************************************************************************************
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
首先背景图片要是上下能连接在一起,不能有太明显的差异感。
两个Sprite全放背景图片,一个描点0,0 一个描点0,1 position 都设置0,0
然后做个update 里面对两张图片进行setPositionY(getPositionY + 1) 想速度快 增加的数就大
两个Sprite全放背景图片,一个描点0,0 一个描点0,1 position 都设置0,0
然后做个update 里面对两张图片进行setPositionY(getPositionY + 1) 想速度快 增加的数就大
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-07-10
展开全部
需要,给我油箱,无空隙滚动代码
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-07-10
展开全部
搜索 不间断滚动代码网上有很多了 粘贴就能用 图片地址换成自己的就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |