I'm starting to provide Chinese / English versions of some posts, switch with the Language menu above. 我开始提供部分文章的中文、英文翻译,请使用顶部语言菜单切换。
插图

鼠标移过图片放大显示效果

鼠标移过图片放大显示效果 - 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); })...