鼠标点击事件

Question

鼠标移出
$(".a img").mouseout(function () {
        $(this).attr("src", "images/a.png");
    })
鼠标在元素上
 $(".a img").mouseover(function () {
        $(this).attr("src", "images/b.gif");    })
点击
$(".a").click(function () {
            objHead = $(this).find("#maleHeadShow");
            $(".nihao img").attr("src", "images/click_1.gif");
            $(".hello img").attr("src", "images/click_2.gif");
})谁帮忙把这段代码实现 click .a以后mouseover和mouseout效果暂时失灵,让click效果保持在.a上,等click点击其他元素以后,mouseover和mouseout经过.a的时候效果又出来.. 应该怎么写?菜鸟请教大侠~~~~~~

Answer 1

$(".a").click(function () {
            objHead = $(this).find("#maleHeadShow");
            $(".nihao img").attr("src", "images/click_1.gif");
            $(".hello img").attr("src", "images/click_2.gif");
            $(".a img").unbind('mouseout').unbind('mouseover');//取消事件绑定
})
$(document).click(function(e){
  var o=e.srcElement||e.target;
  if(o.className!='a'){//重新绑定事件
     $(".a img").mouseout(function () {
        $(this).attr("src", "images/a.png");
      })     $(".a img").mouseover(function () {
        $(this).attr("src", "images/b.gif");
      })
  }
});

Answer 2

有个两个方法
１.做个标记，记录当前是那个button被点过，mouseout,over时候做个判断。
２.button点过后，移除它的out,over事件，其他button点击时，再添加事件。