欢迎光临

木子屋

标题: 如何批量消除网页链接虚线框

作者: admin

日期: 2006-07-06 03:19 PM

分类: 脚本语言

内容: 浏览网页的时候，一般的超链接（包括文字链接和图片链接），当你点击以后都会出现一个虚线框，有损页面美观。
产生虚线框的本意是告诉你该链接已经获得了焦点，如果要消除虚线框，只需要让它失去焦点就可以了。所以只要在链接里加入onfocus="this.blur()"这条代码就可以了。
例如：<a href="地址" onfocus="this.blur()">链接</a>
这是消除单个链接虚线框的做法。如果一个页面里有几十甚至几百个链接，这样一个一个加代码，就显得很烦琐了，而且容易遗漏，当然你也可以使用查找/替换来一下搞定。不过我们一般不这么做，因为每个链接都加上这代码势必会增加网页容量，进而影响页面速度。
我们一般使用htc来解决这类代码重复使用的问题。htc全称就是Html Components，是微软在IE5.0后开始提供的一种新的指令组合， 它可以把某种特定功能的代码封装在一个组件之中， 从而实现了代码的重复使用。下面就来编写这个指令组合
<public:attach event="onfocus" onevent="example()"/>
<script language="javascript">
function example(){
this.blur();
}
</script>
解释一下:onfocus 是一个事件，this.blur() 则是被事件所触发的对象，这段代码应该不难看懂。其实看不懂也没关系，只要会调用就行了。
接下来要做的就是把上面那段代码存为扩展名为htc的文件，然后在网页代码的<head>与</head>之间加上下面这段代码就行了。
<style>
a {behavior:url(htc文件存放的地址)}
</style>
这样实现起来是不是很方便，而且代码也精简了不少，不过如果你已经做好了很多页面，这样每个页面都重复调用htc，还是有一点麻烦。可以通过css来调用htc，只需在你的css文件中加入代码
a {behavior:url(htc文件存放的地址)}
不过要注意的是只有那个页面调用了这个css文件才会生效。
另外要注意的是htc只有在IE5.0以上浏览器中才能看出效果。

+ 查看当前日志评论 (0)

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.992 ms

返回

标题: 如何批量消除网页链接虚线框

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.992 ms

返回

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 1.023 ms

返回