超连接点击无虚线框的多种实现方法

首先是FF
只需要加上一个属性就可以了  outline:none;  这样在ff里边就不显示了
再次就是IE
ie里边就没有css教程属性可控制了, 那怎们办那  其实可以在html控件上加一个属性 hidefocus=“true”;

好了 你可以测试下

<a hideFocus="true" style= "outline:none;" alt= "ooxx" href= "#" >ooxx</a>

一,在<a>标签中加入onFocus="this.blur()"语句:

<a href="#" onFocus="this.blur()">try</a>
-----------------------------------------------------------

二,在<a>标签中加入hidefocus:

<a href="###" hidefocus>link</a>
-----------------------------------------------------------

三,如果连接太多,可以用外部链接 .HTC 文件。
如,blur.htc 文件内容如下:

<public:attach event="onfocus" onevent="makeblur()"/>
<script language="网页特效">
function makeblur(){
this.blur();
}
</script>

在 CSS 中加入如下代码:

A { behavior:url(blur.htc); }
-----------------------------------------------------------

四,使用CSS样式,可加入代码:

a {blr:expression(this.onFocus=this.blur())}
-----------------------------------------------------------
 

这样,站内所有的文章都实现了无虚线效果了。

时间: 2024-08-10 13:50:30

超连接点击无虚线框的多种实现方法的相关文章

s去除a链接,button,image button的点击时虚线框

var intVal = window.setInterval( searchInit , 50 );    function onloadFun(){    if(window.$){      $(document).ready(function(){        /*去除链接,button,image button的点击时虚线框*/        $("a,input[type='button'],input[type='image'],input[type='submit'],area

PS中快速绘制虚线框的5种方法

用PS制作虚线框一直以来都觉得是件很头疼的事情,闲下来整理了下,发上来和大家分享一下,目的就是让大家知道每种方法的优缺点.类似的教程网上泛滥,但以下是我花一下午整理的,从繁到简地介绍,希望能或多或少帮到大家. P1>图案+描边制作虚线边框 P2>描边+溶解制作虚线边框 P3>路径+笔刷画虚线(框) P4>结合illustrator或flash画虚线框 P5>文字工具+路径绘制虚线框 总结:应该说每种方法都有各自的特点,希望大家了解了这几种方法后,能在今后工作学习中,更加自如地

A标签虚线框去掉3种方法(CSS/JS/jquery)

1. CSS方式去掉链接虚线框的方法: 在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus="true" 属性即可,但这个属性是IE私有的,Firefox是不认的. <a href="#" hidefocus="true" title="加了hidefocus" >加了hidefocus属性</a> IE中用CSS处理: a{noOutline:expression(

如何让input点击没虚线框

<style type="text/css"> <!-- .login_button {  background-image: url(/images/login_button.jpg);  background-repeat: no-repeat;  background-position: left top;  margin: 0px;  padding: 0px;  height: 46px;  width: 48px;  border: none;  back

使用JS CSS去除IE链接虚线框的三种方法_基础知识

方法一:利用javascript的onfocus事件,实现如下:Html代码 复制代码 代码如下: <a href="http://www.jb51.net/" onfocus="this.blur();">设计蜂巢</a> 如果引入了jQuery框架则可以利用它的事件绑定机制:Js代码 复制代码 代码如下: $('a').bind('focus', function(){       if(this.blur){ //如果支持 this.b

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

  链接在被点击时会出现虚线框,即使松开了也仍然存在,在有的时候显得不美观.既然不好看,那就不要它.怎样去掉呢? 方法一 IE下可使用其私有的html属性:hideFoucs,在标签的结构中加入hidefocus="true"属性.即:  <a href="http://www.xker.com/" hidefocus="true" title="三联网">三联网</a> 而在 Firfox 浏览器中则

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

      有时候在一个页面用到收放功能的时候时,总有一个虚线框在触发收放的功能按钮上,显得特别刺眼,那如何去除这个虚线框呢?       在IE下,需要在标签 a 的结构中加入 hidefocus="true" 属性.即: <a href="http://www.taobao.com" hidefocus="true" title="淘宝网,淘我喜欢">淘宝网</a>      而在FF等浏览器中则相

CSS教程:链接外虚线框的设定hideFocus

文章简介:css中hideFocus的用法. css中hideFocus的用法 简单说:hideFocus是对超链接外虚线框的设定! hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于: onFocus="this.blur()"它的值是一个布尔值,如hideFocus=true.也可省略赋值直接写hideFocus. 你给的代码如果没有hideFocus,那么鼠标点击该超链接,则外面出现一个虚线框,即为聚焦.而使用了hideFocus则不会有虚线框. 在IE下,需要

去除链接元素的虚线框(兼容IE7、IE6、FF)

DIVCSS实例教程:去除链接元素的虚线框(兼容IE7.IE6.FF)-浏览器兼容教程 Web的发展非常迅速,UI设计也越来越美观,漂亮.同时也给WEB前端编码提出了新的要求.链接元素在点击时会出现虚线框,由于种种原因,您的主管可能要求你想办法将链接虚线边框出除. 我们采用htc文件的办法来解决这个问题.首页将以下代码保存为link.htc文件.   <public:attach event="onfocus" onevent="hscfsy()"/>