一哥们儿要给图片添加鼠标经过时的边框效果,可惜出发点错了,直接加在了IMG外的A标签上致使 鼠标经过时图片产生塌陷,实则应该将边框控制直接加在IMG标签上即可 错误代码如下:注意红色部分设置 (出发点就错了) 复制代码 代码如下: <BR>$(document).ready(function(){ <BR>$("#box a").mouseover(function(){ <BR>$(this).css("border","1px solid red"); <BR>}); <BR>$("#box a").mouseout(function(){ <BR>$(this).css("border","none"); <BR>}); <BR>}); <BR> <BR>#box a{ display:block; z-index:1000; width:98px; height:98px;} <BR> 修改后的正确设计思路:红色部分为调整后的设置 复制代码 代码如下: <BR>$(document).ready(function(){ <BR>$("#box img").mouseover(function(){ <BR>$(this).css("border","1px solid red"); <BR>}); <BR>$("#box img").mouseout(function(){ <BR>$(this).css("border","none"); <BR>}); <BR>}); <BR> <BR>#box a{ display:block; z-index:1000; width:98px; height:98px;} <BR>