[返回首页]
 ◎ 您当前的位置:首页 >> 站长学堂 >> 网络编程 >> Javascript >> 正文
设计干净的链接
作者: 来源: 发布时间:2007-3-28 21:20:35

  网页离不开链接,而默认链接的表现形式总是千篇一律的蓝色文字加底线,每当我们点击它时,周围会出现虚线框,表示该链接是当前的焦点,影响了美观。不过一些五彩缤纷的链接所付出的代价是添加了大量的代码。我们可以在源文件的链接标签中添加一小段代码屏蔽一些默认属性,图个新鲜。 
  首先只要在链接标签中添加onFocus="if(this.blur)this.blur()"这句代码即可屏蔽点击时四周出现的虚线框,如: 网页陶吧 网页刷新后再点击这个链接,是不是不显示虚线框了!OK,我们继续改造,再一步的工作是删除链接上的底线。在源代码的标签后添加以下三句代码,即可使本页的链接的底线不显示:
  <style type="text/css">A {text-decoration:none}</style>
  保存后再打开网页,链接的表现形式是不是只是蓝色文字了!如果还不够,你还可以改变它的颜色,这个很容易实现:在链接文字前添加这句代码即可使链接文字变成红色

[返回上一页] [打 印]
上一篇文章:浅谈在网页上显示日期的两种方法 | 下一篇文章:没有了
热点文章 推荐文章
·设计干净的链接
·浅谈在网页上显示日期的两种方法
·时钟显示在任意指定位置
·一个鼠标效果,代码简单易懂,效果不
·target 属性怎么用 JS 来控制?
·JS实现的滑动展开与折叠效果
·让广告代码不再影响你的网页加载速度
·让广告代码不再影响你的网页加载速度
·javascript网页中显示硬盘内容
·代码前置时页面输出脚本的要注意的问
·javascript使图片加载进度实时显示
·javascript实例教程(19) 使用HoT