【高分求】用JavaScript怎样实现鼠标滑过链接变换图片

来源:百度知道 编辑:UC知道 时间:2024/06/08 08:02:52
实现功能:有三个文字链接,旁边公用一个图片框,要求鼠标停放在文字链接上,分别在旁边的图片框里显示链接各自对应的图片。
请回答者给出详细的解决方案和代码,谢谢。一句话的就不要说了。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function show(id){
var pic=document.getElementById('pic');
if(id==1){
pic.src="images/1.jpg";
}
else if(id==2){
pic.src="images/2.jpg";
}
else if(id==3){
pic.src="images/3.jpg";
}
}
</script>
<title>鼠标带领图片动</title>

</head>

<body>
<a href="" onmouseover="show(this.id);" id="1">图片1</a>
<a href="" onmouseover="show(this.id);" id="2">图片2</a>
<a href="" onmouseover="show(this.id);" id="3">图片3</a>
<img src="images/1.jpg"