div+css中的滚动图片怎样设置为没有空白 重复滚动
<divclass="box2"><marqueescrolldelay="100"direction="up"onmouseover="this.stop()"onmo...
<div class="box2">
<marquee scrolldelay="100" direction="up" onmouseover="this.stop()" onmouseout="this.start()" width="229px" height="900px">
<table>
<tr>
<td><a href="#"><img src="images/pp-1.jpg" border="0"/><br/>
¥88<br />
情人节创意礼品 <br/>
最近成交88笔<br/></a></td>
</tr>
<tr>
<td><a href="#"><img src="images/pp-1.jpg" border="0"/><br/>
¥88<br />
情人节创意礼品 <br/>
最近成交88笔<br/></a></td>
</tr>
<tr>
<td><a href="#"><img src="images/pp-1.jpg" border="0"/><br/>
¥88<br />
情人节创意礼品 <br/>
最近成交88笔<br/></a></td></tr>
<tr>
<td><a href="#"><img src="images/pp-1.jpg" border="0"/><br/>
¥88<br />
情人节创意礼品 <br/>
最近成交88笔<br/></a></td>
</tr>
<tr>
<td><a href="#"><img src="images/pp-1.jpg" border="0"/><br/>
¥88<br />
情人节创意礼品 <br/>
最近成交88笔<br/></a></td>
</tr>
</table>
</marquee></div> 展开
<marquee scrolldelay="100" direction="up" onmouseover="this.stop()" onmouseout="this.start()" width="229px" height="900px">
<table>
<tr>
<td><a href="#"><img src="images/pp-1.jpg" border="0"/><br/>
¥88<br />
情人节创意礼品 <br/>
最近成交88笔<br/></a></td>
</tr>
<tr>
<td><a href="#"><img src="images/pp-1.jpg" border="0"/><br/>
¥88<br />
情人节创意礼品 <br/>
最近成交88笔<br/></a></td>
</tr>
<tr>
<td><a href="#"><img src="images/pp-1.jpg" border="0"/><br/>
¥88<br />
情人节创意礼品 <br/>
最近成交88笔<br/></a></td></tr>
<tr>
<td><a href="#"><img src="images/pp-1.jpg" border="0"/><br/>
¥88<br />
情人节创意礼品 <br/>
最近成交88笔<br/></a></td>
</tr>
<tr>
<td><a href="#"><img src="images/pp-1.jpg" border="0"/><br/>
¥88<br />
情人节创意礼品 <br/>
最近成交88笔<br/></a></td>
</tr>
</table>
</marquee></div> 展开
3个回答
展开全部
希望你能看懂,主要分为两个部分,div部分注意id的设置要和脚本部分匹配。
更多内容可以关注动易论坛,近期我也在研究这个东西。前几天刚刚测试成功了的。
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 613px; HEIGHT: 137px">
<TABLE cellPadding=0 align=left border=0 cellspace="0">
<TR>
<TD id=demo11 vAlign=top>
<TABLE cellSpacing=5 cellPadding=0 width="100%" align=center
border=0>
<TR vAlign=top>
<TD align=middle><IMG class=pic1 height=136
src="images/AAA.jpg"
width=173 border=0></TD>
<TD align=middle><IMG class=pic1 height=136
src="images/AAA.jpg"
width=173 border=0></TD>
<TD align=middle><IMG class=pic1 height=136
src="images/AAA.jpg"
width=173 border=0></TD>
</TR></TABLE></TD>
<TD id=demo12 vAlign=top></TD></TR></TABLE></DIV>
<SCRIPT>
var speed=15
demo12.innerHTML=demo11.innerHTML
function Marquee11(){
if(demo12.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo11.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee11,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee11,speed)}
</SCRIPT>
更多内容可以关注动易论坛,近期我也在研究这个东西。前几天刚刚测试成功了的。
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 613px; HEIGHT: 137px">
<TABLE cellPadding=0 align=left border=0 cellspace="0">
<TR>
<TD id=demo11 vAlign=top>
<TABLE cellSpacing=5 cellPadding=0 width="100%" align=center
border=0>
<TR vAlign=top>
<TD align=middle><IMG class=pic1 height=136
src="images/AAA.jpg"
width=173 border=0></TD>
<TD align=middle><IMG class=pic1 height=136
src="images/AAA.jpg"
width=173 border=0></TD>
<TD align=middle><IMG class=pic1 height=136
src="images/AAA.jpg"
width=173 border=0></TD>
</TR></TABLE></TD>
<TD id=demo12 vAlign=top></TD></TR></TABLE></DIV>
<SCRIPT>
var speed=15
demo12.innerHTML=demo11.innerHTML
function Marquee11(){
if(demo12.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo11.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee11,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee11,speed)}
</SCRIPT>
追问
我试了 貌似不行啊 你可不可以帮我把代码改改
追答
你把你的div加上id,与script里面对应就ok了吧?我是在动易下面测试的,脚本里面的函数貌似都是基本的啊,clearinterval和setinterval肯能需要看看是否是java内置函数(经查证,均为内置函数)。关键是你对脚本看懂没有??id是关键,其他的都拷贝就可以啦。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
不要用marquee,两个层,网上这样的代码很多的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询