温故而知新,可以为师矣

类别‘jQuery’中的内容

使用jQuery提升链接在IE中的显示效果

作者:admin 时间:12.18.2009 类别:Javascript, jQuery

在平时浏览网页时,我们免不了要天天点击链接,在点击链接时我想大家都能看到在链接周围那条点点组成的边框吧,如果你点了这个链接而这个链接把你带到了另外一个页面还好,如果它只是想触发一个事件而不把你带到另外一个页面,那么这个点点连成的四四方方的边框就一直显示在那里,看上去真是好丑。当然如果你很幸运地一直在使用一个对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();
});

希望这个对您有用:-)

1 / 11