jquery小菜求解脱SOS
各位大神，小弟刚开始接触jquery，下面标注的地方不是很清楚，还希望各位路过的大神不吝指点，小子感激不尽！
webpage.mousemove(function(e){

left = (e.pageX-offset.left);//left的值不清楚具体指哪块 top = (e.pageY-offset.top);//这个也不清楚
if(retina.is(':not(:animated):hidden')){

webpage.trigger('mouseenter');
}

  if(left<0 || top<0 || left > sizes.webpage.width || top > sizes.webpage.height)
//囧，还是不清楚 {

if(!retina.is(':animated')){
webpage.trigger('mouseleave');
} 
return false;
}

 
retina.css({
left : left - sizes.retina.width/2,
top : top - sizes.retina.height/2,
backgroundPosition : '-'+(1.6*left)+'px -'+(1.35*top)+'px'
});

})


//retina.css算法

求详细注释，再拜谢！

------解决方案--------------------
自己去看jquery帮助文档，都不是很深的。
------解决方案--------------------
LZ是想要干嘛???
------解决方案--------------------
不瞒您说 我也是个菜鸟
------解决方案--------------------
亲，多多学习下原生的js哦，不要上手就用框架。

了解了原生js，这代码理解起来就很简单了。