记录我的生活

去掉网页点击链接周围的虚线

2011-11-03

点击链接的时候出现虚线,非常影响设计师辛辛苦苦做出来的作品效果,难道就不能去掉这些焦点线吗?办法当然是有的,下面为大家介绍三种。

方法一
在链接处加入语法 onfocus=”this.blur()”
如:
文字链接 <a href=”#” onfocus=”this.blur()”> 这里是链接文字 </a>
图片链接 <a href=”#” onFocus=”this.blur()”><img src=XXX.JPG border=0></a>
不难看出,onfocus=”this.blur()”语法必须是放在href里的。

方法二
方法一的缺点是每个链接都得加上那么一句语法,那么有没有一句搞定的呢~当然有了,就是这个方法二咯~~~就是使用JS语法来删除所有链接虚线,方法是在<head>与</head>之间加入下面语法
<script type=”text/javascript”>
window.onload=function(){
for(var ii=0; ii<document.links.length; ii++)
document.links[ii].onfocus=function(){this.blur()}
}
</script>

 

方法三推荐使用

在<head >区之间加代码
<script language=’JavaScript’>
function bluring(){
if(event.srcElement.tagName==”A”||event.srcElement.tagName==”IMG”) document.body.focus();
}
document.onfocusin=bluring;
</script>

作者:pomabu | 分类目录:设计 | 标签:

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>