怎样用javascript实现图片替换啊？就是单击图片时，下面就出现替换的图片，但原来的图片还是在。

图片没有滚动，就是单击小图片，下面就替换为相应的大图片，只是简单的方法就可以实现的，要用onmouseover。... 图片没有滚动，就是单击小图片，下面就替换为相应的大图片，只是简单的方法就可以实现的，要用onmouseover。展开

 我来答

2个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

515634s
2011-03-30 · 超过35用户采纳过TA的回答

知道答主

回答量：97

采纳率：0%

帮助的人：90.1万

我也去答题访问个人页

关注

展开全部

把下面的代码直接复制过去,在下面注释的地方换成你的图片路径
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.img{
width: expression(this.width > 500 && this.width > this.height ? 500 :true);
height: expression(this.height > 500 ? 500 : true);
}
#marquee1 img{
width: expression(this.width > 100 && this.width > this.height ? 100 :true);
height: expression(this.height > 100 ? 100 : true);
}

</style>
<script language="javascript">

function a(address)
{
var img1=document.getElementById("img1");
img1.src=address;
}
</script>
</head>

<body>
<p> </p>
<p> </p>
<div style="width:800px; height:100px" ><marquee width="800px" direction="left" scrollamount="20" id="marquee1" onmouseover="this.stop()" onmouseout="this.start()">
<img src="image/1.jpg" onclick="a(this.src)"/> //在这里改成你的小图片路径
<img src="image/2.jpg" onclick="a(this.src)"/>
<img src="image/3.jpg" onclick="a(this.src)"/>
<img src="image/4.jpg" onclick="a(this.src)"/>
<img src="image/5.jpg" onclick="a(this.src)"/>
<img src="image/6.jpg" onclick="a(this.src)"/>
</marquee>
</div>
<div style="text-align:center; height:500px"><img id="img1" src="image/1.jpg" class="img"/></div>

</body>
</html>

已赞过 已踩过<

评论收起

匿名用户
2011-03-30

展开全部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片切换</title>
<script type="text/javascript">
  var img1="<img src='images/1.jpg' />"
  var img2="<img src='images/2.jpg' />"
  var img3="<img src='images/3.jpg' />"
  var img4="<img src='images/4.jpg' />"
  var arrays=[img1,img2,img3,img4];
  var i=0;
    function picture(){
    document.getElementById("imgId").innerHTML=arrays[i];
 i++;
 if(i==4)
  {                                           
     i=0;
  }  
  }
 // setInterval("picture()",1000);

var temp=1;
function img(){
 if(temp==1){
    document.getElementById("imgId2").innerHTML=arrays[1];
 temp=0;
  }else{
    document.getElementById("imgId2").innerHTML=arrays[0];
    temp=1;
  }
}
</script>
</head>
 
<body>
<div id="imgID"></div>
<div id="imgId2" onclick='img()'><img src='images/1.jpg' /></div>
</body>
</html>
这时我以前刚刚学时，老师让我们做的。我还一直有保存。呵呵。其中img方法应该可以实现你的功能，上面还有一个是每隔一秒钟自动切换图片的。也都给你，可以看一下，呵呵。


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

1条折叠回答

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

怎样用javascript实现图片替换啊？就是单击图片时，下面就出现替换的图片，但原来的图片还是在。

其他类似问题

为你推荐：