jquery 图片放大效果（放大镜代码）

$(document).ready(function() {
_el("biggerpic").style.marginleft = (0 - (getoffsetnumber(_el("biggerpic").style.width) - getoffsetnumber(_el("container").style.width))) + "px";
_el("biggerpic").style.margintop = (0 - (getoffsetnumber(_el("biggerpic").style.height) - getoffsetnumber(_el("container").style.height))) + "px";
$("#oriimage").bind('mouseleave', function(event) {
_el("biggerpic").style.marginleft = (0 - (getoffsetnumber(_el("biggerpic").style.width) - getoffsetnumber(_el("container").style.width))) + "px";
_el("biggerpic").style.margintop = (0 - (getoffsetnumber(_el("biggerpic").style.height) - getoffsetnumber(_el("container").style.height))) + "px";
});
$("#oriimage").bind('mouseo教程ver', function(event) {
$("#oriimage").bind('mousemove', function(event) { // 在鼠标移动至操作层以后才lazybind鼠标移动事件
var mousex, mousey;
if (navigator.useragent.indexof("msie 6.0") >= 0) { //在ie6以上各版本下和google浏览器下
mousey = _offsety(event, "oriimage");
mousex = _offsetx(event, "oriimage");
} else {//在ff浏览器下需要追加像素作为偏移量单位而不能是其他
mousey = _offsety(event, "oriimage");
mousex = _offsetx(event, "oriimage");
}
var playoffsetx = 0 - mousex / _xpercent(_el("oriimage").style.width, _el("biggerpic").style.width);
var playoffsety = 0 - mousey / _ypercent(_el("oriimage").style.height, _el("biggerpic").style.height);
//当大图x坐标大于0，也就是到达最左边距时重置为0,当图片的x偏移量已经超出显示的容器时，则重置为其x偏移量为图片与容器之差的负数
if (playoffsety < 0 - (getoffsetnumber(_el("biggerpic").style.height) - getoffsetnumber(_el("container").style.height)) - getoffsetnumber(_el("container").style.height) / 2
&& playoffsetx > 0 - (getoffsetnumber(_el("biggerpic").style.width) - getoffsetnumber(_el("container").style.width))) {
_el("biggerpic").style.marginleft = playoffsetx > 0 ? 0 + "px" :
playoffsetx + getoffsetnumber(_el("container").style.width) / 2 > 0 ? 0 + "px" : playoffsetx + getoffsetnumber(_el("container").style.width) / 2 + "px";
return;
}
//当大图y坐标大于0，也就是到达最上边距时重置为0，当图片的y偏移量已经超出显示的容器时，则重置为其y偏移量为图片与容器之差的负数
if (playoffsetx < 0 - (getoffsetnumber(_el("biggerpic").style.width) - getoffsetnumber(_el("container").style.width)) - getoffsetnumber(_el("container").style.width) / 2
&& playoffsety > 0 - (getoffsetnumber(_el("biggerpic").style.height) - getoffsetnumber(_el("container").style.height))) {
_el("biggerpic").style.margintop = playoffsety > 0 ? 0 + "px" :
playoffsety + getoffsetnumber(_el("container").style.height) / 2 > 0 ? 0 + "px" : playoffsety + getoffsetnumber(_el("container").style.height) / 2 + "px";
return;
}
if (playoffsety >= 0 - (getoffsetnumber(_el("biggerpic").style.height) - getoffsetnumber(_el("container").style.height)) - getoffsetnumber(_el("container").style.height) / 2
&& playoffsetx >= 0 - (getoffsetnumber(_el("biggerpic").style.width) - getoffsetnumber(_el("container").style.width)) - getoffsetnumber(_el("container").style.width) / 2) {
//alert(0 - (getoffsetnumber(_el("biggerpic").style.height) - getoffsetnumber(_el("container").style.height)) - getoffsetnumber(_el("container").style.height) / 2);
_el("biggerpic").style.marginleft = playoffsetx > 0 ? 0 + "px" :
playoffsetx + getoffsetnumber(_el("container").style.width) / 2 > 0 ? 0 + "px" : playoffsetx + getoffsetnumber(_el("container").style.width) / 2 + "px";
_el("biggerpic").style.margintop = playoffsety > 0 ? 0 + "px" :
playoffsety + getoffsetnumber(_el("container").style.height) / 2 > 0 ? 0 + "px" : playoffsety + getoffsetnumber(_el("container").style.height) / 2 + "px";
return;
}
return;
});
});
});