全球第一免费源码下载基地!
首 页文章中心下载中心繁體中文
首页 ASP源码 | PHP源码 | CGI源码 | JSP源码 | .NET源码 | flash源码 | 其它源码 | 网页模板 | 常用软件 | 字体下载 | 视频教程
站长学院 | 网络编程 | 网页设计 | 图形图像 | 操作系统 | 数据库 | 多媒体 | 黑客攻防 | 编程开发 | Seo专区 | 小说连载
您当前的位置:中文源码之家 -> 网页设计 -> 网页特效 -> 文章内容 退出登录 用户管理
栏目导航
· DREAMWEAVER · 网页特效
热门文章
· [推荐] 卡巴斯基v6.0..
· [新闻] 超级解霸3500..
· [推荐] 冰点还原精灵..
· [组图] 一键GHOST硬盘..
· [组图] PQMagic──硬..
· [图文] 一键GHOST 优..
· [新闻] 2006年世界顶..
· [推荐] 征途小宝外挂..
· [新闻] 下载:IE 7 简..
· ASP自动解压RAR文件..
相关文章
· 打印网页时去掉页眉..
· [图文] 去掉了灰色倒..
精彩激情游戏推荐
去掉链接虚框方法两种:样式表法和HTC法
作者:aijun  来源:www.chcodes.com/  发布时间:2007-9-7 18:39:56  发布人:aijun

减小字体 增大字体

当链接指向为页外目标时,我们点击该链接,其四周会出现一个虚框,文字链接和图片链接都会如此。去除虚框可以用javascript的this.blur()实现,然而,每一个超链语句都写上this.blur()工作量会很大,我们有必要寻求一种高效的方法。

IE从5.5版本开始支持Web行为的概念。这些行为是由后缀名为.htc的脚本文件描述的,它们定义了一套方法和属性,程序员几乎可以把这些方法和属性应用到Html页面上的任何元素上去。Web行为是非常伟大的因为它们允许程序员把自定义的功能“连接”到现有的元素和控件,而不是必须让用户下载二进制文件(例如ActiveX控件)来完成这个功能。Web行为还是推荐的扩展IE对象模型和控件集的方法。微软在它的开发者站点上的DHTML行为库栏目里提供了几个定制的Web行为:WebService行为。

我们就是利用上述.htc文件来轻而易举地实现成批去除超链虚框。以下内容保存为后缀名为.htc的文件(使用时请将全角标点符号改为小角):

<public:attach event="onfocus" onevent="quit()" />
<script language="Javascript">
function quit(){
this.blur();
}
</script>

然后,在需要去除超链虚框的页面的<head>和</head>之间加入:

<style type="text/Css">
a {behavior:url("htc文件")}
</style>

如果页面已经有了style标签,只需要将 a {behavior:url("htc文件")} 一句插入里面即可。

这样,该页面的超链在点击之后的虚框将不复存在,页面显得干干净净。

去掉链接时的虚框只要在你的样式表中加入以下代码,就可以去掉链接时烦的的虚框 

a,area { blr:eXPression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */ 

是不是很简单.

[] [返回上一页] [打 印] [收 藏]
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论...]
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图
Copyright 2005-2006 Chcodes.Com.中文源码之家 All Rights Reserved .
Powered by:NewAsp SiteManageSystem Version 2.1 SP1 1030