去掉超链接的虚线框

 1.对于单个或少量的链接

<a href="" onfocus="this.blur()">我是一个超链接</a>

2.批量去掉虚线框

使用Js方法:

<script type="text/javascript">

var __aObj=document.getElementsByTagName_r("a");

var __length=__aObj.length;

for(var i=0;i<__length;i++){

   __aObj[i].onfocus=function(){this.blur();}
  
}
</script>

或者

<script>

var objAs = document.getElementsByTagName_r("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_r(this.onFocus=this.blur()) }//针对IE

不是非常需要,一般不建议使用expression_r,因为expression_r对浏览器资源要求比较高。


3.Jquery 方法

$(document).ready(

  function(){

    $(”a”).bind(”focus”,function(){if(this.blur)this.blur();});

  });

posted on 2011-03-11 10:35  张扬个性,敢为天下先  阅读(1412)  评论(0编辑  收藏  举报