使用jQuery提升链接在IE中的显示效果
在平时浏览网页时,我们免不了要天天点击链接,在点击链接时我想大家都能看到在链接周围那条点点组成的边框吧,如果你点了这个链接而这个链接把你带到了另外一个页面还好,如果它只是想触发一个事件而不把你带到另外一个页面,那么这个点点连成的四四方方的边框就一直显示在那里,看上去真是好丑。当然如果你很幸运地一直在使用一个对CSS支持的比较好的浏览器(比如我天天在用的Firefox),那么你可以用很简单的一条CSS规则就可以去掉这个难看的框框:
1 2 3 | a:focus, a:active { outline:none; } |
如果你因为各种原因很不幸地还在使用IE 6或者更早的浏览器(有这样的人么?),那么你可以利用jQuery轻松地帮你解决这个问题:
1 2 3 | $("a").click(function() { $(this).blur(); }); |
上面的代码会在你点击链接之后移除那个框框,当然在你点击链接的时候这个框框还是会出现的,如果你想要在点击的时候这个框框也不出现,那么你可以稍微修改一下上面的代码,把click事件变成focus事件,如下:
1 2 3 | $("a").focus(function() { $(this).blur(); }); |
希望这个对您有用:-)