去掉超链接点击后的虚线框
1.对于单个或少量的链接
<a href="" onfocus="this.blur()">我是一个超链接</a>
2.批量去掉虚线框
使用Js方法:
<script type="text/javascript">
var __aObj=document.getElementsByTagName("a");
var __length=__aObj.length;
for(var i=0;i<__length;i++){
__aObj[i].onfocus=function(){this.blur();}
}
</script>
或者
<script>
var objAs = document.getElementsByTagName("A");
var objA;
for(var i=0;objA = objAs[i];i++){
objA.onfocus=function(){this.blur()};
}
</script>
使用css方法:
:focus { outline: none; }//针对Firfox
a,area { blr:expression(this.onFocus=this.blur()) }//针对IE
不是非常需要,一般不建议使用expression,因为expression对浏览器资源要求比较高。
3.Jquery 方法
$(document).ready(
function(){
$(”a”).bind(”focus”,function(){if(this.blur)this.blur();});
});
披荆斩棘,朝自己的信仰!Go on