建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

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

时间:2011-07-24 09:13来源: 作者: 点击:
 有时候感觉鼠标点击链接后,出现虚线框特别的影响美观,于是今天研究了一下,在这里留个痕迹,以免以后忘记了,同时也分享给大家~~好了,不罗嗦了,进入正题吧~~ //将以下代码存为以.htc为扩展名的文件,然后再编写一个普通的html网页。 <public:attach event=&qu

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

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

好了,成功喽

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片