设计干净的链接

作者: 来源:中国教程网 点击: 日期:2007-04-02

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

edu4u.com.cn

【文章评论】【收藏本文】【推荐好友】【打印本文】【论坛讨论】

最新文章:

·一个以Javascript+xml的树型列表(04-02)	·Js 按照MVC模式制作自定义控件(04-02)
·动态CSS，换肤技术(04-02)	·JavaScript的目的(04-02)
·滑动展开/收缩广告代码实例效果(04-02)	·浅谈在网页上显示日期的两种方法(04-02)
·JS实现仿新浪信息提示效果(04-02)	·用Javascript轻松制作抽奖系统(04-02)
·冒泡算法的三种JavaScript表示(04-02)	·一个鼠标效果，代码简单易懂，效果不(04-02)

·浅谈在网页上显示日期的两种方法	·动态CSS，换肤技术
·时钟显示在任意指定位置	·JavaScript的目的
·一个鼠标效果，代码简单易懂，效果不错的	·用Javascript轻松制作抽奖系统
·网页最简短的拖动对象代码实例演示	·冒泡算法的三种JavaScript表示
·一组常用的弹出窗口用法总结	·target 属性怎么用 JS 来控制？

文章评论:(0条)

用户名：（新注册）密码：匿名评论

评论内容：(不能超过250字，需审核后才会公布，请自觉遵守互联网相关政策法规。

§最新评论：

责任编辑:中国教程网