if(!jDisabled)
//接下来的代码
可以看出，前面我们设置的jDisable变量在这里用上了，如果jDisabled为true，就表示插件禁用了，那么接下来的鼠标操作将不会被执行。
接下来看鼠标操作是如何添加到插件中的：
$(this).unbind().bind({//鼠标事件处理代码，下面将分别进行讨论。
}）;
首先看以一下鼠标进入事件处理代码：
mouseenter : function(e){
var realOffsetLeft = findRealLeft(this);
var relativeX = e.pageX – realOffsetLeft; //首先计算出relativeX，它表示的是鼠标相对于外层<div>左边界的横向距离
if (opts.showRateInfo)
var tooltip =
$(‘<p>’,{
‘class’ : ‘jRatingInfos’,
html : getNote(relativeX)+’ <span class=”maxRate”>/ ‘+opts.rateMax+'</span>’, //注意这里用了getNote方法，前面已讲了它的用途。
css : {
top: (e.pageY + opts.rateInfosY),
left: (e.pageX + opts.rateInfosX)
}
}).appendTo(‘body’).show();
},
relativeX变量不多解释，这里的注释和前面都有提到，接下来，判断showRateInfo参数是否为true,如果为true，表示要显示比例信息（例如鼠标下面显示16/20），tooltip变量就是这个信息框，最后通过appendTo方法添加到body中。代码逻辑很简单，这个函数主要用来显示提示框<p>，我们在这里可以重点关注一下<p>节点的样式，它是绝对定位的，并利用代码改变了top和Left值，看一下相关的样式表：
p.jRatingInfos {
position: absolute;
z-index:9999;
background: transparent url(‘http://www.cnblogs.com/icons/bg_jRatingInfos.png’) no-repeat;
color: #FFF;
display: none;
width: 91px;
height: 29px;
font-size:16px;
text-align:center;
padding-top:5px;
}
p.jRatingInfos span.maxRate {
color:#c9c9c9;
font-size:14px;
}
接下来我们看一下鼠标进来后的mousemove事件的处理函数：
mousemove : function(e){
var realOffsetLeft = findRealLeft(this);
var relativeX = e.pageX – realOffsetLeft;
if(opts.step) newWidth = Math.floor(relativeX/starWidth)*starWidth + starWidth;
else newWidth = relativeX;
average.width(newWidth);
if (opts.showRateInfo)
$(“p.jRatingInfos”)
.css({
left: (e.pageX + opts.rateInfosX)
})
.html(getNote(newWidth) +’ <span class=”maxRate”>/ ‘+opts.rateMax+'</span>’);
},
这个函数主要用来确定鼠标选择的比例，当然这个比例是通过getNote(newWidth)来得到的，那么，确定合适的newWidth值就成了这个函数的核心，如果opts.step为true，即比例只能是整数个星星（不能为15.3等等），那么我们看一下这个逻辑：Math.floor(relativeX/starWidth)，starWidth是星星图片的宽度，Math.floor(-0.1)=-1，Math.floor(0.1) = 0，Math.floor(2.6)=2，知道这些，上面加红的代码就很容易理解了。
