求一种JS菜单效果，内详

Question

用 onmousemove="", onmouseout=""可以有图片切换效果，但是我还想多一种效果，就是点击那个按钮后，那个按钮就一直显示切换后的效果，譬如<img src="图片1.jpg"  onmousemove="src='图片2.jpg'" onmouseout="src='图片1.jpg'">我希望点击后，这张图片就显示图片2.jpg点击另外的图片后（菜单），又变回图片1.jpg该怎么写，新手求教。

Answer 1

<img src="图片1.jpg" id="photo1" name="photo1" />
<input type="button" onClick="javascript:document.getElementById('photo1').src='图片2.jpg';" value="变成图片2" />
<input type="button" onClick="javascript:document.getElementById('photo1').src='图片1.jpg';" value="变回图片1" />这意思？

Answer 2

  <img src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png" 
pic1="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png" 
pic2="http://www.baidu.com/img/baidu_logo.gif" border="1">
  <BR><BR>
  <img src="http://i1.sinaimg.cn/home/deco/2009/0330/logo_home.gif" 
pic1="http://i1.sinaimg.cn/home/deco/2009/0330/logo_home.gif" 
pic2="http://img1.kaixin001.com.cn/i2/kaixinlogo.gif" border="1">
  <BR><BR>
  <img src="http://img01.taobaocdn.com/tps/i1/T1.udLXn4aXXXXXXXX.png" 
pic1="http://img01.taobaocdn.com/tps/i1/T1.udLXn4aXXXXXXXX.png" 
pic2="http://img3.cache.netease.com/www/logo/logo_png.png" border="1">
  <SCRIPT LANGUAGE="JavaScript">
  <!--
window.onload = function (){
var imgs = document.getElementsByTagName("img");
for (var i=0; i<imgs.length; i++)
{
imgs[i].onmouseover = function (){ this.src = this.pic2; }
imgs[i].onmouseout = function (){ this.src = this.pic1; }
imgs[i].onclick = function (){ 
if (window.cur) {
window.cur.src = window.cur.pic1;
window.cur.onmouseout = function (){ this.src = this.pic1; };
}
this.src = this.pic2;
window.cur = this; 
this.onmouseout = function(){};
}
}
}
  //-->
  </SCRIPT>

Answer 3

哈哈哈，谢谢LSD所有人，谢谢，6L，就是要这种效果