去掉超链接点击后的虚线框

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();});

  });

posted @ 2009-06-17 11:36  Sphix  阅读(1477)  评论(0编辑  收藏  举报