link1 link1 
论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{XHTML}XHTML教程:如何去除链接虚线框?

文章类别:div+css布局 | 发表日期:2008-9-26 11:42:49

局部控制
 <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>

全局控制
 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为扩展名的文件

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
<public:attach event=\"onfocus\" onevent=\"hscfsy()\"/>
<script language=\"javascript\">
function hscfsy(){
this.blur();
}
</script>

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

JS遍历实现

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
window.onload=function()
{
for(var ii=0; ii<document.links.length; ii )
document.links$[$ii$]$.onfocus=function(){this.blur()}
}

 JS封装为函数

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
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

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
<a href=“http://blog.csdn.net/alonesword/“ onFocus=\"this.blur()\">
<Img Src=\"Example.jpg" Border=0>
</a>

  onFocus是设置鼠标焦点事件的东西,这个可以用,也可以不用,不过为了让更多的浏览器识别的话,建议采用Border=0 这个才是去除虚线框的要害所在(在网上看到有的人用onFocus=\"this.blur()\"来消除虚线框,但在本地测试时,仅仅用这一句是不能消除的) ? 一叶千鸟
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058