各位想必都知道,onfocus=”this.blur()”这条代码能消除链接时的虚线框,但你有没有想过,如果你的网页上有几个甚至上百个链接,而你又想要去掉上面那些讨厌的虚线框,难道你还一个个去Ctrl+C、Ctrl+V,天哪!这对一个正常人来说绝对是个恶梦。也许你会说,用DW或其它文本编辑器里的“查找/替换”功能就能解决,对!不可否认,这是一个好办法,但作为一个优秀的web developer,用尽可能少的代码实现一样的功能才是我们应当追求的目标,下面我们就用htc来解决这问题。至于htc是什么,全称就是Html Components,由微软在IE5.0后开始提供的一种新的指令组合,它可以把某种特定功能的代码封装在一个组件之中,从而实现了代码的重复使用。作为一个组件,htc里包含了属性、方法、事件等等各种知识,在这里就不一一介绍了,具体内容各位可以参考微软的msdn主页。
回到开始处,Onfocus=this.blur()在这里很显然,onfocus是一个事件,this.blur()则是被事件所触发的对象,既然这点明确了,代码就知道该怎么写了。
<public:attach event=”onfocus” onevent=”example()” />
<script language=”javascript”>
function example(){
this.blur();
}
</script>
将以上代码存为.htc为扩展名的文件,然后再编写一个普通的html网页
<html>
<head>
<style>
a {behavior:url(htc文件所在路径地址)}
</style>
<body>
<a href=”#”>链接1</a>
<a href=”#”>链接2</a>
<a href=”#”>链接3</a>
点链接试试,没有虚线框了吧
</body>
</html>
OK,保存,预览,怎么样?效果出来了吧,再看看代码,的确精简了不少,而且在链接越多时体现得越发明显。最后我要说的是,这还仅仅是htc应用上的冰山一角而已,更多的功能还需要你们去认识,相信有点JS与CSS基础的你一定能学有所成。
分享到:
相关推荐
IOS开发,生成各种类型的边框,虚线边框
虚线边框去除
c# winform 用鼠标画拉出来的虚线框,鼠标框选边框效
封装了oc和 swift的 2个UIView的虚线外框的类扩展,可以设置线的长度,间隙长度,虚线宽度,虚线颜色,外框圆角边框,一行代码调用非常方便
可以通过代码学习qml如何与C++打交道,实现不同虚线效果,纯QML无法实现虚线效果,有需要的朋友可以下载
该资源主要是介绍如何去掉超链接点击时外面的虚线框。
学习之路不可停止,最近在研究CSS,今天爱站技术频道的小编就給你们带来这篇CSS border虚线边框属性教程,教大家如何使用css制作网页中的虚线,巩固CSS border属性使用方法,感兴趣的同学可以参考一下。
图像加虚线框的方法,csS及原文件下载研究
易语言虚线选择框模块源码,虚线选择框模块,创建,销毁,开始,拖动,结束,取矩形,加入风格,取状态,标准化矩形,互换整数,画虚线框_记录,异或运算,画虚线框_,取有效矩形,取消虚线框,取客户区矩形_,取窗口区域位置_,取窗口...
鼠标左键 按下 并拖动显示虚线框 展示框选效果,左键弹起,可取消效果。
虚线边框 一个flutter包,可以轻松在小部件周围添加虚线边框。 正在安装 要使用此包,请在您的pubspec.yaml文件中将dotted_border添加为依赖pubspec.yaml 。 用法 将DottedBorder小部件包裹在子小部件周围 ...
1、CSS边框虚线 – TOP 这里通过边框属性的虚线边框border控制虚线。以下设置的css 高度(css height)和css 宽度(css width)为350像素是为了便于观看演示 其它意思。 一、四边为虚线边框 复制代码代码如下:border:...
在cad中怎么画虚线框的.doc
IE浏览器去掉FLASH虚线框的两种方法
android中使用shape做虚线,在xml预览中可以显示,但是在模拟器或真机上就变成了实线,于是自己写了一个虚线view,觉得很好用,分享出来
border为边框属性,如果要实现对象边框效果,要设置边框宽度、边框颜色、边框样式(实线还是虚线) border:1px dashed #F00 这个就是设置边框样式宽度为1px,虚线,虚线为红色。 4、实例描述 我们对以上几个标签设置...
VB6运行时控件移动 右下角拖动大小 有虚线框显示,有工程文件
去除win xp、7、8桌面图标虚线框,我们会发现按下键盘后在桌面图标四周会产生很南桥的虚线框,用此工具可以有效去除
易语言 虚线选择框模块 源码