imageButton 问题

Question

页面中有两个imagebutton
imagebutton1   imagebutton2
鼠标放上去 更换背景图片
鼠标移开，还原背景图片
点击imagebutton1 背景和鼠标放上去的背景相同，移开背景不变
点击imagebutton2 背景和鼠标放上去的背景相同，移开背景不变,imagebutton1的背景还原初始状态

Answer 1

http://www.yeeyan.org/channel/sport首页   商业   科技  文化  体坛  健康  自然  生活  社会 
就是想要如上的链接中的效果！！！

Answer 2

被楼主说糊涂了！点击imagebutton1 背景和鼠标放上去的背景相同，移开背景不变
移开背景不变 什么意思？ imagebutton1 始终都显示原来的背景，不管是怎么操作？还是说： 点击imagebutton1 背景和鼠标放上去的背景相同（都设置一个新背景），
移开背景不变（背景还原成原来的背景）不管上面这句怎么理解，我都理解不了下面这句：
点击imagebutton2 背景和鼠标放上去的背景相同，移开背景不变,imagebutton1的背景还原初始状态如果 imagebutton1 始终都显示原来的背景 ，这儿怎么 imagebutton1的背景还原初始状态 如果 imagebutton1 移开背景不变（背景还原成原来的背景）。鼠标移开就已经换成原来背景了！
现在又怎么 imagebutton1的背景还原初始状态

Answer 3

http://www.yeeyan.org/channel/sport首页 商业 科技 文化 体坛 健康 自然 生活 社会  
就是想要如上的链接中的导航栏的效果！！！

Answer 4

$(".middle_shop_div").mouseover(function () {
        $(".middle_shop_div img").attr("src", "Images/btn/katongShop.png");
    });
    $(".middle_shop_div").mouseout(function () {
        $(".middle_shop_div img").attr("src", "Images/btn/katongShop1.png");
    });
    $(".middle_products_div").mouseover(function () {
        $(".middle_products_div img").attr("src", "Images/btn/productsWord.png");
    });
    $(".middle_products_div").mouseout(function () {
        $(".middle_products_div img").attr("src", "Images/btn/productsWord1.png");
    });
    $(".middle_user_div").mouseover(function () {
        $(".middle_user_div img").attr("src", "Images/btn/userDetail.png");
    });
    $(".middle_user_div").mouseout(function () {
        $(".middle_user_div img").attr("src", "Images/btn/userDetail1.png");
    });jquery的做法

Answer 5

这个应该是css的问题
首先是要写好样式：及鼠标移上去更换背景图片，这个应该是hover什么的，记得不是很清楚。
其次是点击将其他的背景还原初始状态，这个用js或jquery，两个按钮就更好搞了，直接将另外一个的样式给去掉。

Answer 6

.mouseOverStyle{
   background-image: url(images/back2.jpg);
   color:#CC0099;
   border:0 px;
margin: 0px;
padding: 0px;
height: 23px;
width: 82px;
font-size: 14px;   
}
.mouseOutStyle{
   background-image:url(images/backbutton.gif);
   color:#0000FF;
   border:0 px;
   margin: 0px;
   padding: 0px;
   height: 23px;
   width: 82px;
   font-size: 14px;
<INPUT type="button" value=" 确 认 " class="mouseOutStyle" onMouseOver="this.className='mouseOverStyle'"   onMouseOut="this.className='mouseOutStyle'">   
}

Answer 7

<script language="javascript">
  function change(t)
  {
      for (var i=0; i<t.rows.length; i++)   //遍历行
  {
     for (var j=0; j<t.rows[i].cells.length; j++)//遍历列
     {
    t.rows[i].cells[j].className = t.rows[i].cells[j] == event.srcElement ? 'clickTD' : '' //改变背景色
     }
  }
  }

Answer 8

 鼠标事件。 onmouserover onmousemove