去除链接虚线框

链接

局部控制

<a href="link1.htm" >link1</a>

<a href="link1.htm" >link1</a>

<a href="link1.htm" hidefocus="true">link1</a>

<a href="link1.htm" hidefocus="hidefocus">link1</a>

全局控制 

CSS实现

a{blr:expression(this.onFocus=this.close());} /* 只支持IE,过多使用效率低 */

a{blr:expression(this.onFocus=this.blur());} /* 只支持IE,过多使用效率低 */

a:focus { -moz-outline-style: none; } /* IE不支持 */

HTC实现 IE支持,页面载完才有效果

把下面这段代码存为.htc为扩展名的文件<public:attach event="onfocus" onevent="hscfsy()"/>
<script language="javascript">
function hscfsy(){
this.blur();
}
</script>
调用 a {behavior:url(htc文件所在路径地址)}

JS遍历实现window.onload=function()
{
 for(var ii=0; ii<document.links.length; ii++)
 document.links[ii].onfocus=function(){this.blur()}
}
JS封装为函数function fHideFocus(tName){
aTag=document.getElementsByTagName(tName);
for(i=0;i<aTag.length;i++)aTag[i].hideFocus=true;
//for(i=0;i<aTag.length;i++)aTag[i].onfocus=function(){this.blur();};
}
当前是添加一个hidefocus的属性,注释掉的句子是添加onfucus=this.blur();
然后调用fHideFocus("A"),即可把a的虚线框去掉
通过传递不同的参数,可以去掉更多的虚线框,比如"BUTTON"可以去掉button的
但要记住参数要用大写字母

A. map area内链接如何消除链接虚线?

这是一个观念上的错误,其实应该在所在map的图片上加以控制,而不是在area内,参考传统办法

B. 关于onFocus
<a href=“http://blog.csdn.net/alonesword/“ >
<Img Src="/UploadPic/2007-4/200741142025308.jpg" Border=0>
</a>
onFocus 是设置鼠标焦点事件的东西,这个可以用,也可以不用,不过为了让更多的浏览器识别的话,建议采用Border=0 这个才是去除虚线框的关键所在(在网上看到有的人用来消除虚线框,但在本地测试时,仅仅用这一句是不能消除的)

时间: 2024-08-30 08:20:34

去除链接虚线框的相关文章

网页制作技巧:去除链接虚线框

局部控制 <a href="link1.htm" onfocus="this.blur()">link1</a><a href="link1.htm" onfocus="this.close()">link1</a><a href="link1.htm" hidefocus="true">link1</a><a

css去掉IE6下的链接虚线框示例

一般去掉虚线框可以用 a,a:focus,a:active{outline:none;} 但IE6并不支持上面写法,来试试下面方法 在IE6下,单击超链接后会出现一个虚线框,有时候不需要这个选线框,去掉的方法是加上hidefocus属性,如: <a id="test" href="#" hidefocus="true">去掉虚线框</a> 想要通过JS去掉的话,将hidefocus写成hideFocus,如: var a

使用JS CSS去除IE链接虚线框的三种方法_基础知识

方法一:利用javascript的onfocus事件,实现如下:Html代码 复制代码 代码如下: <a href="http://www.jb51.net/" onfocus="this.blur();">设计蜂巢</a> 如果引入了jQuery框架则可以利用它的事件绑定机制:Js代码 复制代码 代码如下: $('a').bind('focus', function(){       if(this.blur){ //如果支持 this.b

css/JS/jquery三种方法去掉链接虚线框

  css: 兼容性很差.  代码如下   a:focus,input:focus {outline:none;} 在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉.所以我们可以这样写:  代码如下   a:focus {     outline:none;    -moz-outline:none; } 直接加: onfocus="this.blur()" 也可以利用htc文件加入a.style.behavior属性.如

如何去除点击链接时出现的虚线框

      有时候在一个页面用到收放功能的时候时,总有一个虚线框在触发收放的功能按钮上,显得特别刺眼,那如何去除这个虚线框呢?       在IE下,需要在标签 a 的结构中加入 hidefocus="true" 属性.即: <a href="http://www.taobao.com" hidefocus="true" title="淘宝网,淘我喜欢">淘宝网</a>      而在FF等浏览器中则相

CSS去掉A标签(链接)虚线框的方法

 当一个链接得到焦点时,默认会有个虚线框.如图: 在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉.所以我们可以这样写:   代码如下: a:focus { outline:none; -moz-outline:none; } 顺便提一下,如果你用过 Safari 和 Chrome 可能会发现,当输入框得到焦点时边框会出现阴影效果.   如果想去掉阴影效果也可以用 outline 属性.   代码如下: input,textarea

去掉a标签点击后的虚线框实现代码

 代码如下 复制代码 a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ }     全 局控制 CSS实现 a{blr:expression(this.onFocus=this.close());} /* 只支持IE,过多使用效率低 */ a{blr:expression(thi

A标签虚线框去掉3种方法(CSS/JS/jquery)

1. CSS方式去掉链接虚线框的方法: 在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus="true" 属性即可,但这个属性是IE私有的,Firefox是不认的. <a href="#" hidefocus="true" title="加了hidefocus" >加了hidefocus属性</a> IE中用CSS处理: a{noOutline:expression(

去除链接元素的虚线框(兼容IE7、IE6、FF)

DIVCSS实例教程:去除链接元素的虚线框(兼容IE7.IE6.FF)-浏览器兼容教程 Web的发展非常迅速,UI设计也越来越美观,漂亮.同时也给WEB前端编码提出了新的要求.链接元素在点击时会出现虚线框,由于种种原因,您的主管可能要求你想办法将链接虚线边框出除. 我们采用htc文件的办法来解决这个问题.首页将以下代码保存为link.htc文件.   <public:attach event="onfocus" onevent="hscfsy()"/>