在html的一个table的一个td内,轮流显示4张图片
我要在html的一个table的一个td内,轮流显示4张图片,两者之间的显示时间间隔为5秒。鼠标放在其中一张图片上,暂停切换,点击指向该图片的连接,其它图片同理,最好能说...
我要在html的一个table的一个td内,轮流显示4张图片,两者之间的显示时间间隔为5秒。
鼠标放在其中一张图片上,暂停切换,点击指向该图片的连接,其它图片同理,最好能说明一下代码所放的位置,本人是初学者不怎么了解 JS 展开
鼠标放在其中一张图片上,暂停切换,点击指向该图片的连接,其它图片同理,最好能说明一下代码所放的位置,本人是初学者不怎么了解 JS 展开
2个回答
展开全部
<table width=700 border=0 cellpadding=0 cellspacing=0>
<tr>
<td>
<div id=www_qpsh_com style=overflow:hidden;height:120px;width:700px;color:#ff0000>
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id=www_qpsh_com1 valign=top>
<!--这里是显示图片的代码,例如多个img标签--> </td>
<td id=www_qpsh_com2 valign=top>
</td>
</tr>
</table>
</div>
<script>
var speed=10//速度数值越大速度越慢
www_qpsh_com2.innerHTML=www_qpsh_com1.innerHTML
function Marquee(){
if(www_qpsh_com2.offsetWidth-www_qpsh_com.scrollLeft<=0)
www_qpsh_com.scrollLeft-=www_qpsh_com1.offsetWidth
else{
www_qpsh_com.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
www_qpsh_com.onmouseover=function() {clearInterval(MyMar)}
www_qpsh_com.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</td></tr>
</table>
<tr>
<td>
<div id=www_qpsh_com style=overflow:hidden;height:120px;width:700px;color:#ff0000>
<table align=left cellpadding=0 cellspace=0 border=0>
<tr>
<td id=www_qpsh_com1 valign=top>
<!--这里是显示图片的代码,例如多个img标签--> </td>
<td id=www_qpsh_com2 valign=top>
</td>
</tr>
</table>
</div>
<script>
var speed=10//速度数值越大速度越慢
www_qpsh_com2.innerHTML=www_qpsh_com1.innerHTML
function Marquee(){
if(www_qpsh_com2.offsetWidth-www_qpsh_com.scrollLeft<=0)
www_qpsh_com.scrollLeft-=www_qpsh_com1.offsetWidth
else{
www_qpsh_com.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
www_qpsh_com.onmouseover=function() {clearInterval(MyMar)}
www_qpsh_com.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</td></tr>
</table>
追问
图片怎么一直在滚动啊,我的意思是图片每隔一段时间会轮换一次,麻烦改一下
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询