jquery放大镜效果超漂亮噢

这个放大镜的代码挺简单滴效果也不错。复制代码代码如下：脚本//QQ:496928838微凉$(function(){ $(“# demo”)).放大({ //鼠标遮罩层样式shadecolor: ' # FFD24D '，shadeborder: '#FF8000 '，shadeopacity: 0.4，cursor: 'move '，//大图外层样式layerwidth: 480，layerheight: 360，layerborder: '#DDD '，fade: true，//大图尺寸大宽度： 960，大高度： 720 })；});/script a href=' demo。jpg ' id=' demo ' style='位置： relative'左侧浮动：img src=' http :演示小。jpg ' width=' 240 ' height=' 180 ' img src=' http : demo。jpg ' width=' 960 ' height=' 720 ' style=' display : none；/a

复制代码代码如下： /*放大为jQuery v1.0 Abel Yao，2013 */(函数(e){ var I={ shade corr : ' # FFD24D '，shadeborder:'#FF8000 '，shadeopacity:5，cursor:'move '，layerwidth:400，layerheight:300，layerborder:'#DDD '，fade 33333330var t=函数(t){t=e.extend({}，I，t)；(e)这个)。每个（函数(){var i=e(this)).css(“”位置','相对');var h=i.children().first()；var r={ x :h。width()/t .大宽度，y :h。高度()/t .大高度}；var o={ shade : { width :t。层宽* r . x-2，高：t。layer heit * r . y-2 } }；var a=e('div ').css({position:'absolute '，left:'0px '，top:'0px '，' background-color ' :t。阴影ecolor，边框： ' 1px实心t .阴影边框，宽度：o .阴影.宽度，高度：o .阴影.高度，opa city 3360t。阴影不透明度，光标：t。光标})；隐藏().附录一；var d=e('img ').css({position:'absolute '，display:'block '，width:t.largewidth，height :t。大高度})；var s=e('div ').css({position:'absolute '，left:i.width() 5，top:0 '底色：'#111 '，飞越： '隐藏'，宽度：t.layerwidth，高度：t . layer heat，边框： ' 1px solid ' t . layer border })；d.attr('src '，I . attr(' href '))；d。附录；s.hide().附录一；var n={x:o.shade.width/2，y : o . shade。高度/2 }；var l={宽度： I .内宽()-a .外宽()，高度： I .内高()-a .外高()}；var g=function(){ a . show()；if(t.fade)s.stop().法丁(300);else . show()}；var c=function(){ a . hide()；s . hide()}；var f=I . offset()；i.mousemove(函数(e){ var t=e . PageX-f .左侧；var h=e . Pagey-f . top；if(t0||ti.innerWidth())返回c()；if(h0||hi.innerHeight())返回c()；t=t-n。x；h=h-n . y；如果(t0)t=0；如果(h0)h=0；if(TL。宽度)t=l .宽度；if(HL。高度)h=l .高度；a.css({left:t，top :h })；d.css({left:0-t/r.x，top:0-h/r.y})}).鼠标输入.鼠标离开(c)})}；e . fn。extend({放大：t })})(jQuery)；下载地址：http://pan.baidu.com/s/1zilrC