一哥們兒要為圖片添加滑鼠經過時的邊框效果,可惜出發點錯了,直接加在了IMG外的A標籤上致使滑鼠經過時圖片產生塌陷,實則應該將邊框控制直接加在IMG標籤上即可錯誤代碼如下:注意紅色部分設定(出發點就錯了) 複製代碼 代碼如下: script> <BR><script type="text/javascript"> <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>