怎么制作网页中鼠标滑过下面文字,上面的图片会转换,如图

鼠标经过下面文字,上面的图片就会相应变化

第1个回答  推荐于2017-05-22
<div id="gpic" style="overflow:hidden; width:600px; height:182px;">

<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td id="gpic1" valign="top" align="center"><table width="974" border="0" align='center' cellpadding="0" cellspacing="0">
<tr>
<td height="120" bgcolor="#FF00FF"> 图片/链接</td>
<td valign='top' bgcolor="#00FFFF"> 图片/链接</td>
<td valign='top' bgcolor="#FFFF00"> 图片/链接</td>
<td valign='top' bgcolor="#0000FF"> 图片/链接</td>
<td valign='top' bgcolor="#00FF00"> 图片/链接</td>
<td valign='top' bgcolor="#FF0000"> 图片/链接</td>
</tr>
<tr>
<td height="24" align="center">文字信息</td>
<td align="center">文字信息</td>
<td align="center">文字信息</td>
<td align="center">文字信息</td>
<td align="center">文字信息</td>
<td align="center">文字信息</td>
</tr>
</table></td>
<td id="gpic2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=30
gpic2.innerHTML=gpic1.innerHTML
function Marquee(){
if(gpic2.offsetWidth-gpic.scrollLeft<=0)
gpic.scrollLeft-=gpic1.offsetWidth
else{
gpic.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
gpic.onmouseover=function() {clearInterval(MyMar)}
gpic.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>追问

全部复制上去就好了?

追答

图片和文字你自己按需修改 其他看自己有无需要修改 其他不该的话直接复制使用就行

追问

没有用啊,你告诉我怎么设置鼠标放上去就可以懂图片的代码吧,这么一大串没用

本回答被网友采纳
相似回答