<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li>家家</li>
<li>安安</li>
<li>萌萌</li>
<li>笑笑</li>
<li>乐乐</li>
</ul>
</body>
<script type="text/javascript" src="http://www.imooc.com/data/jquery-1.8.2.min.js"></script>
<script>
(function($){
$.extend({
"lifocus": function(myli){
myli.css({
'background': '#51b0c2',
'font-size': '50px'
})
},
"liblur": function(myli){
myli.css('background', '#fff')
}
});
})(jQuery);
$("li").bind("mouseover",function(){
$.lifocus($(this));
});
$("li").bind("mouseout",function(){
$.liblur($(this));
});
</script>
</html>