位置:海鸟网 > IT > JavaScript >

鼠标点击链接后出现虚线框问题的解决

 有时候感觉鼠标点击链接后,出现虚线框特别的影响美观,于是今天研究了一下,在这里留个痕迹,以免以后忘记了,同时也分享给大家~~好了,不罗嗦了,进入正题吧~~

//将以下代码存为以.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()">

好了,成功喽