鼠标移过图片放大显示效果 - Original by Maomihz , Modified by Lan Tian 昨天晚上 Maomihz 让我帮他改一段jQuery,实现鼠标移上去自动显示高清大图的效果。一开始有两个Bug,一个是鼠标移到大图框上时,大图会闪来闪去,另一个就是图片会超出屏幕上边界。 我的修改, 就是把大图放到小图底下去,然后给小图设定半透明效果。超出上边界的判断非常容易,写了个max函数就搞定了。 下面放jQuery: $ ( function () { var x = 22 var y = 540 var a = 0 $ ( 'a.smallimage' ). hover ( function ( e ) { if ( a == 0 ) { $ ( 'body' ). append ( '<div id="bigimage"><img src="' + this . rel + '" alt="" /></div>' ) a = 1 } widthJudge ( e ) $ ( 'a.smallimage' ). fadeTo ( 300 , 0.3 ) $ ( '#bigimage' ). fadeIn ( 300 ) }, function () { $ ( '#bigimage' ). fadeOut ( 300 ) $ ( 'a.smallimage' ). fadeTo ( 300 , 1 ) } ) $ ( 'a....