怎样才能让网页上的图片滚动循环
<divid="butong_net_right"style="overflow:hidden;width:1000px;"><tablecellpadding="0"c...
<div id="butong_net_right" style="overflow:hidden;width:1000px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="butong_net_right1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td><img src="/Uploadfile/d1.jpg"></td>
<td><img src="/Uploadfile/d2.jpg"></td>
<td><img src="/Uploadfile/d3.jpg"></td>
<td><img src="/Uploadfile/d4.jpg"></td>
<td><img src="/Uploadfile/d5.jpg"></td>
<td><img src="/Uploadfile/d6.jpg"></td>
<td><img src="/Uploadfile/d7.jpg"></td>
<td><img src="/Uploadfile/d8.jpg"></td>
<td><img src="/Uploadfile/d10.jpg"></td>
<td><img src="/Uploadfile/d11.jpg"></td>
</tr>
</table>
</td>
<td id="butong_net_right2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=30//速度数值越大速度越慢
butong_net_right2.innerHTML=butong_net_right1.innerHTML
function Marquee4(){
if(butong_net_right.scrollLeft<=0)
butong_net_right.scrollLeft+=butong_net_right2.offsetWidth
else{
butong_net_right.scrollLeft--
}
}
var MyMar4=setInterval(Marquee4,speed)
butong_net_right.onmouseover=function() {clearInterval(MyMar4)}
butong_net_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)}
</script>
以上代码在谷歌浏览器里面可以看见图片滚动,用IE浏览器就看不见滚动!!我改怎么改?? 展开
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="butong_net_right1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td><img src="/Uploadfile/d1.jpg"></td>
<td><img src="/Uploadfile/d2.jpg"></td>
<td><img src="/Uploadfile/d3.jpg"></td>
<td><img src="/Uploadfile/d4.jpg"></td>
<td><img src="/Uploadfile/d5.jpg"></td>
<td><img src="/Uploadfile/d6.jpg"></td>
<td><img src="/Uploadfile/d7.jpg"></td>
<td><img src="/Uploadfile/d8.jpg"></td>
<td><img src="/Uploadfile/d10.jpg"></td>
<td><img src="/Uploadfile/d11.jpg"></td>
</tr>
</table>
</td>
<td id="butong_net_right2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=30//速度数值越大速度越慢
butong_net_right2.innerHTML=butong_net_right1.innerHTML
function Marquee4(){
if(butong_net_right.scrollLeft<=0)
butong_net_right.scrollLeft+=butong_net_right2.offsetWidth
else{
butong_net_right.scrollLeft--
}
}
var MyMar4=setInterval(Marquee4,speed)
butong_net_right.onmouseover=function() {clearInterval(MyMar4)}
butong_net_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)}
</script>
以上代码在谷歌浏览器里面可以看见图片滚动,用IE浏览器就看不见滚动!!我改怎么改?? 展开
2015-07-19 · 知道合伙人数码行家
可以叫我表哥
知道合伙人数码行家
向TA提问 私信TA
知道合伙人数码行家
采纳数:25897
获赞数:1464988
2010年毕业于北京化工大学北方学院计算机科学与技术专业毕业,学士学位,工程电子技术行业4年从业经验。
向TA提问 私信TA
关注
展开全部
<!--滚动代码开始--><div id="pro" style="overflow:hidden;height:auto;width:740px">
<table width="740" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td height="180" align="center" valign="top" id="pro1"><table width="740" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="180" align="center" valign="top"><table width="740" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="740" align="left" valign="top"><table width="180" height="180" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="protbborder">
<tr>
<td width="180" align="left" valign="middle" bgcolor="#FFFFFF"> <img src="1.jpg" width="180" height="180" border="0" /></td>
<td width="180" align="left" valign="middle" bgcolor="#FFFFFF"><img src="1.jpg" width="180" height="180" border="0" /></td>
<td width="180" align="left" valign="middle" bgcolor="#FFFFFF"><img src="1.jpg" width="180" height="180" border="0" /></td>
<td width="180" align="left" valign="middle" bgcolor="#FFFFFF"><img src="1.jpg" width="180" height="180" border="0" /></td>
<td width="180" align="left" valign="middle" bgcolor="#FFFFFF"><img src="1.jpg" width="180" height="180" border="0" /></td>
<td width="180" align="left" valign="middle" bgcolor="#FFFFFF"><img src="1.jpg" width="180" height="180" border="0" /></td>
<td width="180" align="left" valign="middle" bgcolor="#FFFFFF"><img src="1.jpg" width="180" height="180" border="0" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="1" valign="top" id="pro2"></td>
</tr>
</table>
</div>
<script>
var speed=5
pro2.innerHTML=pro1.innerHTML
function Marquee(){
if(pro1.offsetWidth-pro.scrollLeft<=0)
pro.scrollLeft-=pro1.offsetWidth
else{
pro.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
pro.onmouseover=function() {clearInterval(MyMar)}
pro.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<!--滚动代码结束-->
<table width="740" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td height="180" align="center" valign="top" id="pro1"><table width="740" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="180" align="center" valign="top"><table width="740" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="740" align="left" valign="top"><table width="180" height="180" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="protbborder">
<tr>
<td width="180" align="left" valign="middle" bgcolor="#FFFFFF"> <img src="1.jpg" width="180" height="180" border="0" /></td>
<td width="180" align="left" valign="middle" bgcolor="#FFFFFF"><img src="1.jpg" width="180" height="180" border="0" /></td>
<td width="180" align="left" valign="middle" bgcolor="#FFFFFF"><img src="1.jpg" width="180" height="180" border="0" /></td>
<td width="180" align="left" valign="middle" bgcolor="#FFFFFF"><img src="1.jpg" width="180" height="180" border="0" /></td>
<td width="180" align="left" valign="middle" bgcolor="#FFFFFF"><img src="1.jpg" width="180" height="180" border="0" /></td>
<td width="180" align="left" valign="middle" bgcolor="#FFFFFF"><img src="1.jpg" width="180" height="180" border="0" /></td>
<td width="180" align="left" valign="middle" bgcolor="#FFFFFF"><img src="1.jpg" width="180" height="180" border="0" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="1" valign="top" id="pro2"></td>
</tr>
</table>
</div>
<script>
var speed=5
pro2.innerHTML=pro1.innerHTML
function Marquee(){
if(pro1.offsetWidth-pro.scrollLeft<=0)
pro.scrollLeft-=pro1.offsetWidth
else{
pro.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
pro.onmouseover=function() {clearInterval(MyMar)}
pro.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<!--滚动代码结束-->
展开全部
<div id="butong_net_right" style="overflow:hidden;width:1000px;">要注意width的值,这个值要比你要滚动的图片宽度总和小才可以,,在这里设设成<div id="butong_net_right" style="overflow:hidden;width:200px;">就可以了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
html中Marquee属性详解 用于文字,图片等等....
具体格式如下:
<MARQUEE>输入文字、图片</MARQUEE>
具体格式如下:
<MARQUEE>输入文字、图片</MARQUEE>
追问
能具体点吗、我i应该怎么改动、可以追加分值!
追答
给你个例子
var speed=30//速度数值越大速度越慢
butong_net_right2.innerHTML=butong_net_right1.innerHTML
function Marquee4(){
if(butong_net_right.scrollLeft
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
换个js
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询