有时候感觉鼠标点击链接后,出现虚线框特别的影响美观,于是今天研究了一下,在这里留个痕迹,以免以后忘记了,同时也分享给大家~~好了,不罗嗦了,进入正题吧~~
//将以下代码存为以.htc为扩展名的文件,然后再编写一个普通的html网页。
<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>
上面的方法只是对ie有用,对火狐却不起作用,于是乎,加上代码:
<a href="#" onfocus="this.blur()">
好了,成功喽