去掉图片超级链接上的虚线框

<a href="#" id="menuOn" onclick="isBar()" onFocus="this.blur();"><img src='images/darrowleft.gif' style='border:0'/></a>

也可以在页面中加入下面CSS代码：

<style>
a {blr:e-xpression(this.onFocus=this.blur())}
area {blr:e-xpression(this.onFocus=this.blur())}
</style>

ps:
在开发过程中经常使用<a href="#"/>，可是在点击这个链接的时候，总是跳到页面的顶端，如果滚动条很长的话，并且已经阅览的页面底部的时候，给用户带来很大的困扰。

为什么会出现这种情况呢，查阅资料发现，#代表一个锚点，并且这个锚点是在页面的顶部，所以每次点击这个链接都会跳到页面顶部。

如果我们不想让页面跳动的话可以使用javascript:void(0)代替#，页面就不会发生跳动了。增强了用户的体验度。

如果一定要使用 # 也可以，你只需要 onclick="return false" 即可。
javascript:void(0) 在有的浏览器会有问题。

评论

2 楼 gundumw100 2009-12-17  

响应事件的一个函数，这里没关系的。

1 楼 supersun 2009-12-17  

引用

onclick="isBar()" onFocus="this.blur();"

isBar()是啥呢？