语法:
$( 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>