我这个为什么不能实现
<!DOCTYPE html>
<html>
<head>
<title>自定义一个jquery插件</title>
<script src="http://www.imooc.com/data/jquery-1.8.2.min.js" type="text/javascript"></script>
</head>
<style type="text/css">
ul li{
background-color: #FFF;
list-style-type: none;
}
</style>
<body>
<ul id="ul">
<li>选项1</li>
<li>选项2</li>
<li>选项3</li>
<li>选项4</li>
<li>选项5</li>
</ul>
<script type="text/javascript">
(function ($) {
$.extend({
"bgcolor": function (c1,c2) {
var c11=c1,c22=c2;
$("ul").find("li").hover(function(c11){
$(this).css("background-color",c11);
},function(c22){
$(this).css("background-color",c22);
});
}
})(jQuery);
$(function(){
$.bgcolor("#666","#fff");
});
</script>
</body>
</html>
