html出现兼容性问题
问题是在遨游下可以正常实现鼠标在图片上就换另一张图,点击图片链接到相应网页,但在IE或360下都不行。。。求指导求指导。。代码如下:<html><head><title>...
问题是在遨游下可以正常实现鼠标在图片上就换另一张图,点击图片链接到相应网页,但在IE或360下都不行。。。求指导求指导。。代码如下:
<html>
<head>
<title>圣诞节快乐</title>
<script type="text/javascript">
function mouseOver1()
{
document.gift1.src ="素材/picture/礼物盒02.gif"
}
function mouseOut1()
{
document.gift1.src ="素材/picture/礼物盒01.png"
}
function mouseOver2()
{
document.gift2.src ="素材/picture/礼物盒04.gif"
}
function mouseOut2()
{
document.gift2.src ="素材/picture/礼物盒03.png"
}
function mouseOver3()
{
document.gift3.src ="素材/picture/礼物盒06.gif"
}
function mouseOut3()
{
document.gift3.src ="素材/picture/礼物盒05.png"
}
</script>
</head>
<body background="素材/picture/圣诞树.gif">
<p>
<a href="素材/gift1.html">
<img style="margin-left:450px;margin-top:200px" width="150" height="150" name="gift1"
src="素材/picture/礼物盒01.png"
onmouseover="mouseOver1()" onmouseout="mouseOut1()"/>
</a>
<a href="素材/gift2.html">
<img style="margin-left:550px" width="150" height="150" name="gift2"
src="素材/picture/礼物盒03.png"
onmouseover="mouseOver2()" onmouseout="mouseOut2()"/>
</a>
<a href="素材/gift3.html">
<img style="margin-left:700px" width="150" height="150" name="gift3"
src="素材/picture/礼物盒05.png"
onmouseover="mouseOver3()" onmouseout="mouseOut3()"/>
</a>
</p>
</body>
</html> 展开
<html>
<head>
<title>圣诞节快乐</title>
<script type="text/javascript">
function mouseOver1()
{
document.gift1.src ="素材/picture/礼物盒02.gif"
}
function mouseOut1()
{
document.gift1.src ="素材/picture/礼物盒01.png"
}
function mouseOver2()
{
document.gift2.src ="素材/picture/礼物盒04.gif"
}
function mouseOut2()
{
document.gift2.src ="素材/picture/礼物盒03.png"
}
function mouseOver3()
{
document.gift3.src ="素材/picture/礼物盒06.gif"
}
function mouseOut3()
{
document.gift3.src ="素材/picture/礼物盒05.png"
}
</script>
</head>
<body background="素材/picture/圣诞树.gif">
<p>
<a href="素材/gift1.html">
<img style="margin-left:450px;margin-top:200px" width="150" height="150" name="gift1"
src="素材/picture/礼物盒01.png"
onmouseover="mouseOver1()" onmouseout="mouseOut1()"/>
</a>
<a href="素材/gift2.html">
<img style="margin-left:550px" width="150" height="150" name="gift2"
src="素材/picture/礼物盒03.png"
onmouseover="mouseOver2()" onmouseout="mouseOut2()"/>
</a>
<a href="素材/gift3.html">
<img style="margin-left:700px" width="150" height="150" name="gift3"
src="素材/picture/礼物盒05.png"
onmouseover="mouseOver3()" onmouseout="mouseOut3()"/>
</a>
</p>
</body>
</html> 展开
2个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询