去掉网页点击链接周围的虚线
点击链接的时候出现虚线,非常影响设计师辛辛苦苦做出来的作品效果,难道就不能去掉这些焦点线吗?办法当然是有的,下面为大家介绍三种。
方法一:
在链接处加入语法 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>