如何批量消除链接虚线框？
作者:不详 来源:aa25收集 【大 中 小】 浏览: 修改日期：2008-06-18 我要评论(6)
各位想必都知道，onfocus=”this.blur()”这条代码能消除链接时的虚线框，但你有没有想过，如果你的网页上有几个甚至上百个链接，而你又想要去掉上面那些讨厌的虚线框，难道你还一个个去Ctrl+C、Ctrl+V，天哪！这对一个正常人来说绝对是个恶梦。也许你会说，用DW或其它文本编辑器里的“查找/替换”功能就能解决，对！不可否认，这是一个好办法，但作为一个优秀的web developer，用尽可能少的代码实现一样的功能才是我们应当追求的目标，下面我们就用htc来解决这问题。至于htc是什么，全称就是Html Components，由微软在IE5.0后开始提供的一种新的指令组合，它可以把某种特定功能的代码封装在一个组件之中，从而实现了代码的重复使用。作为一个组件，htc里包含了属性、方法、事件等等各种知识，在这里就不一一介绍了，具体内容各位可以参考微软的msdn主页。
回到开始处，Onfocus=this.blur()在这里很显然，onfocus是一个事件，this.blur()则是被事件所触发的对象，既然这点明确了，代码就知道该怎么写了。
<public:attach event=”onfocus” onevent=”example()” />
<script language=”javascript”>
function example(){
this.blur();
}
</script>
将以上代码存为.htc为扩展名的文件，然后再编写一个普通的html网页
<html>
<head>
<style>
a {behavior:url(htc文件所在路径地址)}
</style>
<body>
<a href=”#”>链接1</a>
<a href=”#”>链接2</a>
<a href=”#”>链接3</a>
点链接试试，没有虚线框了吧
</body>
</html>
注：将以上的中文引号改为英文的。
OK，保存，预览，怎么样？效果出来了吧，再看看代码，的确精简了不少，而且在链接越多时体现得越发明显。最后我要说的是，这还仅仅是htc应用上的冰山一角而已，更多的功能还需要你们去认识，相信有点JS与CSS基础的你一定能学有所成。
以下方法由网友路人提供
a { blr:expression(this.onFocus=this.blur()) } /*针对 IE*/
a { outline:none; }/*针对火狐*/
〖技术文档〗Tags: htc 消除虚线框
相关文章
更多评论(6)..会员评论
- seoxiaobai(58.101.*.*) 发表于：2011-05-21 14:21:53
- htc这种方法怎么在火狐里面不管用哇。呵呵。不过上面网友提供的方法不错哇。。
- 路人(123.117.*.*) 发表于：2010-01-30 23:12:44
- a { blr:expression(this.onFocus=this.blur()) } /*针对 IE*/ a { outline:none; }/*针对火狐*/ 这个不是更简单么？
- xymini(58.49.*.*) 发表于：2009-07-31 17:39:53
- 试过了，可行。把htc文件里的引号改成半角的就OK了，谢谢分享。
- 管理员回复：不客气
- 小轩(125.40.*.*) 发表于：2009-07-10 15:16:32
- 是我搞错了哈，谢谢哈!愿该网站越办越好哈!永远支持哈！
- 管理员回复：我说呢，我用着都没事。谢谢支持
- 小轩(125.40.*.*) 发表于：2009-07-04 11:39:57
- 试了几次还是有虚线框，晕!
- 管理员回复：那应该是还没设置对，我这儿就正常
- 坏小子(114.217.*.*) 发表于：2009-06-13 13:49:31
- 还是有虚线框
- 管理员回复：那就是没添加正确，添加正确就没有了
推荐文章
热门文章
最新图片素材
最新评论文章
推荐专题
在线交流QQ群
- 106310407(开)
- 55427134(开)
- 2993401(开)
- 33424604(开)
- 2993401(开)
- 161512108(开)
- 161510519(开)
- 158375021(开)
- 155858414(开)
- 143309878(开)
- 16373807(开)
- 129098721(开)
- 123473199(开)
- 146991009(开)
- 135792800(开)
- 78568516(开)