上一篇: 
下一篇: 
文章来自: 
引用通告: 
Tags: 
最新日志:
不错呦！smile@林凯西，确保“准备文件”中的几个文件都有安装，S...您好，看了您这篇帖子觉得很有帮助。但是有个问题想请...我的修改过了怎么还被恶意注册呢 @jjjjiiii 用PJ快9年了，主要是A...PJ3啊，貌似很少有人用PJ了，现在不是WP就是z...@332347365，我当时接入时错误码没有-10...楼主，ChkValue值应为-103是什么意思呢？...大哥 你最近能看到我发的信息，请跟我联系，我有个制...
如何批量消除网页链接虚线框
编辑:admin 日期:2006-07-06
浏览网页的时候，一般的超链接（包括文字链接和图片链接），当你点击以后都会出现一个虚线框，有损页面美观。
产生虚线框的本意是告诉你该链接已经获得了焦点，如果要消除虚线框，只需要让它失去焦点就可以了。所以只要在链接里加入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以上浏览器中才能看出效果。
产生虚线框的本意是告诉你该链接已经获得了焦点，如果要消除虚线框，只需要让它失去焦点就可以了。所以只要在链接里加入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 | 引用: 0 | 查看次数: 4900
发表评论
请登录后再发表评论！
