【高分求】用JavaScript怎样实现鼠标滑过链接变换图片
实现功能：有三个文字链接，旁边公用一个图片框，要求鼠标停放在文字链接上，分别在旁边的图片框里显示链接各自对应的图片。请回答者给出详细的解决方案和代码，谢谢。一句话的就不要...
实现功能：有三个文字链接，旁边公用一个图片框，要求鼠标停放在文字链接上，分别在旁边的图片框里显示链接各自对应的图片。
请回答者给出详细的解决方案和代码，谢谢。一句话的就不要说了。 展开
请回答者给出详细的解决方案和代码，谢谢。一句话的就不要说了。 展开
2个回答
展开全部
<!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" id="pic">
</body>
</html>
在 文件夹 images 里自己弄三张图片 1.jpg , 2.jpg ,3.jpg
自己试试吧。。其他挺简单的……
祝你好运噢。。。。呵呵…………
<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" id="pic">
</body>
</html>
在 文件夹 images 里自己弄三张图片 1.jpg , 2.jpg ,3.jpg
自己试试吧。。其他挺简单的……
祝你好运噢。。。。呵呵…………
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用mounthover控制
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
