关于我们 | 付费方式 | 联系我们 
首 页

|

网站建设

|

虚拟主机

|

企业邮箱

|

域名服务

|

网站推广

|

短信服务

|

WAP网站

|

软件项目

|

客户服务
网站建设知识
 
网站建设知识 -> 去除链接虚线全面分析总结
发布日期:2008-7-22 17:21:53    浏览次数:

传统办法,在标签内加属性 代码多,修改难

<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 href=link1.htm hidefocus=hidefocus>link1</a>

<a href=link1.htm hidefocus>link1</a> 非标准

中级办法,全局控制 

CSS实现 增加IE负担,不推荐使用

a{blr:expression(this.onFocus=this.close());}

a{blr:expression(this.onFocus=this.blur());}

HTC实现 IE支持,并有延迟,不推荐

把下面这段代码存为.htc为扩展名的文件
<public:attach event=onfocus onevent=hscfsy()/>
<script language=javascript>
function hscfsy(){
this.blur();
}
< /script>样式调用

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

高级办法,全局控制

遍历实现
window.onload=function()
{
 for(var ii=0; ii<document.links.length; ii++)
 document.links[ii].onfocus=function(){this.blur()}
}将其封装为一个函数
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/“ onFocus=this.blur()>
<Img Src=Example.jpg Border=0>
</a>其中,onFocus是设置鼠标焦点事件的东西,这个可以用,也可以不用,不过为了让更多的浏览器识别的话,建议采用;Border=0 这个才是去除虚线框的关键所在(在网上看到有的人用onFocus=“this.blur()”来消除虚线框,但在本地测试时,仅仅用这一句是不能消除的)
本文转摘自『IT学习者』http://www.itlearner.com/article/2006/3594.shtml

 
 



  版权所有:珠海微导信息科技有限公司  | ICP备案号:粤ICP备05007035号

总部珠海地址:广东省珠海市香洲区人民西路420号
电 话:0756-3822565 | 传 真:0756-3822263 | 服务手机:13075616619
邮 件:kevin@microdao.com   | QQ:154929342

分公司地址:福建省龙岩市曹溪大唐世家117号
电话:0597-2966635 5396668 5396669 | 传真:5285569 | 邮件:lldun@microdao.com | QQ:125012566