js版的虚线框】的更多相关文章

要求:实现鼠标点击面板的一个点,拖动到固定的位置,出现虚线框 样图:   具体的代码实现: js文件   <script> window.onload = function(){ document.onmousedown=function(ev){ var oEvent=ev||event; /*检测id为createDiv的div框是否存在,存在就删除*/ if(document.getElementById("createDiv")!=null){ document.b…
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…
outline是css3的一个属性,用的很少. 声明,这是个不能兼容的css属性,在ie6.ie7.遨游浏览器都不兼容. outline控制的到底是什么呢? 当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的.当你取消焦点的时候,这个虚线框 就会自然消失.你可以通过遨游.火狐或者ie的几个版本看到.而safari.opera.goole浏览器等本身就不支持这个效果,所以看不到. 这个就是a标签被聚焦后出现了虚线框,也就是outline; 基…
outline是css3的一个属性,用的很少. 声明,这是个不能兼容的css属性,在ie6.ie7.遨游浏览器都不兼容. outline控制的到底是什么呢? 当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的.当你取消焦点的时候,这个虚线框就会自然消失.你可以通过遨游.火狐或者ie的几个版本看到.而safari.opera.goole浏览器等本身就不支持这个效果,所以看不到. 这个就是a标签被聚焦后出现了虚线框,也就是outline; 基本…
以前一直用的方法都是: a {outline: none;star:expression(this.onFocus=this.blur());} 后来发现有瑕疵,不完美.体现在页面调用JS动作比较频繁的情况下,页面很卡~~~半个月内遇到两次这个问题,都是自己公司的平台.而网上却没有关 于这个的说法·~~而大家也都是按部就班,我不得不写一写. 解决办法就是写成这样: a:active {outline: none;star:expression(this.onFocus=this.blur());…
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:expression(this.onFocus=this.…
虚线框简直就是个多余的东西,上一篇教大家怎么去除Firefox中链接和按钮虚线框,今天叫大家去掉去除IE中链接的虚线框.方法一:利用javascript的onfocus事件,实现如下:Html代码 <a href="http://www.hujuntao.com/" onfocus="this.blur();">设计蜂巢</a> 如果引入了jQuery框架则可以利用它的事件绑定机制: Js代码 $('a').bind('focus', fun…
css去掉a标签点击后的虚线框,outline,this.blur() outline是css3的一个属性,用的很少.声明,这是个不能兼容的css属性,在ie6.ie7.遨游浏览器都不兼容. outline控制的到底是什么呢?当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的.当你取消焦点的时候,这个虚线框就会自然消失.你可以通过遨游.火狐或者ie的几个版本看到.而safari.opera.goole浏览器等本身就不支持这个效果,所以看不到…
outline是css3的一个属性,用的很少. 声明,这是个不能兼容的css属性,在ie6.ie7.遨游浏览器都不兼容. outline控制的到底是什么呢? 当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的.当你取消焦点的时候,这个虚线框就会自然消失.你可以通过遨游.火狐或者ie的几个版本看到.而safari.opera.goole浏览器等本身就不支持这个效果,所以看不到.下面是outline的样子示例,也是我正在做的一个页面上截取出来的…
1:在a标签里加入js控制,当a标签被聚焦时,强制取消焦点,这时候a标签自然不会有虚线框. <a href="#" onfocus="this.blur();">这里设置聚焦时触发blur();强制取消焦点. 2:在a标签里嵌套其他标签,比如span 或者var等等,把内容放在被嵌套的标签里.这时候点击这个链接,聚焦的是a的子标签,自然不会聚焦在a标签上,所以也能避免这个问题. 3:不适用a标签做链接,采用其他标签,使用js做出hover的效果,在css…