去掉链接时虚线框的几个方法

周五,2008 八 15 04:17:50

我想很多朋友都遇到这个问题,当点击一个链接的时候,总会出现一个虚线框。
在这介绍几种去除的方法:
1.直接给链接加是onfocus=”this.blur()”.

<a href="#" onfocus="this.blur()">链接</a>

2.CSS实现

a{blr:expression(this.onFocus=this.close());} /* 只支持IE,过多使用效率低 */
 
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE,过多使用效率低 */
 
a:focus { -moz-outline-style: none; } /* IE不支持 */

3..htc实现IE支持

<public:attach event="onfocus" onevent="hscfsy()"/>
<script language="javascript">
function hscfsy(){
this.blur();
}
<
/script>

调用 a {behavior:url(htc文件所在路径地址)}

4.通过JavaScript遍历实现

window.onload=function()
{
for(var ii=0; ii document.links$[$ii$]$.onfocus=function(){this.blur()}
}

5.对WordPress可以用内部的JQuery框架来去除

  1. $("a").bind("focus",function(){
  2. if(this.blur){ 
  3. this.blur();
  4. }
  5. });
   Await |  前端交互 |  浏览:1,814  

这篇文章已有 5 位网友发表了评论  

  1. 可咔酷 说:

    不知道博主用的哪种方法 能介绍下吗

  2. [...] 去掉链接时虚线框的几个方法. Share this [...]

  3. HillBoy 说:

    5.对WordPress可以用内部的JQuery框架来去除
    能否详细说明呢?

  4. 吓我一跳 说:

    写的这么好怎么没人留言呢

发表新的评论

表情
icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif 



注意:
1、本站启用了审核机制,你的留言可能稍后才会显示,请不要重复提交,谢谢。
2、留言时的头像是Gravatar提供的服务。想设置的看这里
3、评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。

goto-top