jquery 添加鼠标滑动事件

语法：

$( selector ).hover( handlerIn, handlerOut )

等同以下方式：

$( selector ).mouseover( handlerIn ).mouseout( handlerOut );

举例：实现效果如下

方式一：

$("#navigation").hover(function(){

           var$img = $(this).find("img");

           $img.attr('src',$img.attr('src').replace('01','02'));

           $(this).find("a").css({"font-weight":"bold"});          

    },function(){

           var$img = $(this).find("img");

           $img.attr('src',$img.attr('src').replace('02','01'));   

           $(this).find("a").css({"font-weight":"normal"});            

});

方式二：

$('#navigation').mouseover(function(){

           var $img = $(this).find("img");

　　　　$img.attr('src',$img.attr('src').replace('01', '02'));

　　}).mouseout(function(){

　　　  var $img =$(this).find("img");

　　　　$img.attr('src',$img.attr('src').replace('02', '01'));

　　});

Html:

<div id='navigation'>

          <span> <img src='refresh_01.png'></span>

              <a href='javascript:void(0)' οnclick=''>流转中文件</a>

 </div>