去掉超链接和图片链接点击后的虚线

1.在单个链接上添加属性去掉虚线
[html]
<a href="" onfocus="this.blur()">超链接</a>
[/html]
2.使用Js批量去掉虚线框:
[html]
<script type="text/javascript">
var __aObj=document.getElementsByTagName("id");
var __length=__aObj.length;
for(var i=0;i<__length;i++){
__aObj[i].onfocus=function(){this.blur();}
}
</script>
[/html]

或者

[html]
<script>
var objAs = document.getElementsByTagName("id");
var objA;
for(var i=0;objA = objAs[i];i++){
objA.onfocus=function(){this.blur()};
}
</script>

[/html]

使用css方法去掉超链接和图片链接点击后的虚线:

[css]
:focus { outline: none; }//针对Firfox
a,area { blr:expression(this.onFocus=this.blur()) }//针对IE
[/css]

如果要去掉所有的可以直接用

[css]
*{outline:none}
[/css]

不是非常需要,一般不建议使用expression,因为expression对浏览器资源要求比较高

您的赞助将会支持作者创作及本站运维

发表评论


TOP