js去除热点的虚线框

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "Microsoft YaHei"; color: #2eafa9 }
p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "Microsoft YaHei"; color: #6b82d9 }
p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "Microsoft YaHei"; color: #060606 }
p.p4 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "Microsoft YaHei"; color: #2b9edb }
span.s1 { color: #596972 }
span.s2 { color: #2b9edb }
span.s3 { color: #d76019 }
span.s4 { color: #3c7400 }
span.s5 { color: #060606 }
span.s6 { color: #d8a100 }
span.s7 { color: #97a700 }
span.s8 { color: #6b82d9 }
span.s9 { color: #2eafa9 }
span.s10 { color: #ad5cff }
span.Apple-tab-span { white-space: pre }

1、一个页面有多张图片，图片的链接为热点绘制，在ie中点击会出现虚线框。

<script type="text/javascript">

window.onload = function() {

var areas = document.getElementsByTagName("area");

for(var i = 0; i < areas.length; i++) {

areas[i].onfocus = function () { this.blur(); }

}

}

</script>

2、针对单张图片去除热点。

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "Microsoft YaHei"; color: #d76019 }
span.s1 { color: #596972 }
span.s2 { color: #2b9edb }
span.s3 { color: #2eafa9 }
span.s4 { color: #6b82d9 }
span.s5 { color: #060606 }

<img src ="**.png" onfocus="this.blur();"/>

时间： 2024-08-27 14:41:41

js去除热点的虚线框的相关文章

CSS和JS去掉链接虚线框的多种方法

当我们点击链接后,链接周围会显示一个虚线框,那么怎么去掉这个虚线框呢?其实方法还挺多,用CSS就可以,但使用javaScript似乎也是一个好方法. 1. CSS方式去掉链接虚线框的方法: 在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus="true" 属性即可,但这个属性是IE私有的,Firefox是不认的.前端框架示例 .代码   <a href="#" hidefocus="true" title

去除点击链接时出现的虚线框

图像链接在被点击时会出现虚线框,即使松开了也仍然存在,在有的时候显得不美观.所以最好就把它给去掉 方法一 IE下可使用其私有的html属性:hideFoucs,在标签的结构中加入hidefocus="true"属性.即: <a href="http://www.xker.com/" hidefocus="true" title="网">网</a> 而在 Firfox 浏览器中则相对比较容易,直接给标签

去掉a标签超链接的虚线框的方法

去掉a标签超链接的虚线框的方法,需要的朋友可以参考下. a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ } 全 局控制 CSS实现 a{blr:expression(this.onFocus=this.close());} /* 只支持IE,过多使用效率低 */ a{blr:e

css去掉a标签点击后的虚线框（转自网络）

outline是css3的一个属性,用的很少. 声明,这是个不能兼容的css属性,在ie6.ie7.遨游浏览器都不兼容. outline控制的到底是什么呢? 当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的.当你取消焦点的时候,这个虚线框就会自然消失.你可以通过遨游.火狐或者ie的几个版本看到.而safari.opera.goole浏览器等本身就不支持这个效果,所以看不到. 这个就是a标签被聚焦后出现了虚线框,也就是outline; 基本

消除页面上的链接虚线框

.faq a { outline: none; star: expression(this.hideFocus=true); } 其实IE有提供隐藏该虚线框的正经办法.上边的CSS表达式中是js的语法,html中该这样写 <br><a href="#" hideFocus>链接</a><br> 注意:为了优化前端, 尽量不要使用CSS表达式.

css去掉a标签点击后的虚线框

outline是css3的一个属性,用的很少. 声明,这是个不能兼容的css属性,在ie6.ie7.遨游浏览器都不兼容. outline控制的到底是什么呢? 当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的.当你取消焦点的时候,这个虚线框就会自然消失.你可以通过遨游.火狐或者ie的几个版本看到.而safari.opera.goole浏览器等本身就不支持这个效果,所以看不到. 这个就是a标签被聚焦后出现了虚线框,也就是outline; 基本

&lt;a&gt;标签里的&lt;img&gt;标签点击虚线框

<a href="#"> <img src="" /> </a> 当img嵌套在a标签里,点击时,会出现虚线框,如何去掉虚线框?css代码如下: a{outline:none;} a:active {outline:none;blr:expression(this.onFocus=this.blur());} img,a .img{border:0} html标签如下: <a href="#" onfoc

虚线框

html> <head> <title>虚线框</title> <style> div { width:300px; height:200px; background:red; border:10px dashed black; } </style> </head> <body> <div></div> </body> </html> 16.which 查看可执行文件的

WPF控件 在XP下获得焦点有虚线框

所有 Button.ListBox等控件获得焦点时有虚线框.如图:选中523这个按钮就出线虚框. 我在App.xaml中添加适应所有按钮的样式,无效 <Style  TargetType="{x:Type Button}">    <Setter Property="FocusVisualStyle" Value="{x:Null}"/></Style> 目前的解决方法只能在没有控件或控件样式 里添加代码: &