首页 天气预报 新闻 邮箱 搜索 短信 聊天
上移动梦网
赢手机大奖

新浪首页 > 科技时代 > 网上学园 > 主页制作 > 正文
拒绝眼花缭乱 还网页链接“清白”

http://www.sina.com.cn 2002/09/11 09:36 赛迪网

  文/冰风

  网页离不开链接,而默认链接的表现形式总是千篇一律的蓝色文字加底线,每当我们点击它时,周围会出现虚线框,表示该链接是当前的焦点,影响了美观。不过一些五彩缤纷的链接所付出的代价是添加了大量的代码。我们可以在源文件的链接标签中添加一小段代码屏蔽一些默认属性,图个新鲜。

  首先只要在链接标签中添加onFocus="if(this.blur)this.blur()"这句代码
即可屏蔽点击时四周出现的虚线框,如: <A href="http://www.cce.com.cn"onFocus="if(this.blur)this.blur()">中国电脑教育报</a> 网页刷新后再点击这个链接,是不是不显示虚线框了!OK,我们继续改造,再一步的工作是删除链接上的底线。在源代码的<head>标签后添加以下三句代码,即可使本页的链接的底线不显示:

  <style type="text/css">
A {text-decoration:none}
</style>

  保存后再打开网页,链接的表现形式是不是只是蓝色文字了!如果还不够,你还可以改变它的颜色,这个很容易实现:在链接文字前添加<font color="#aa0000">这句代码即可使链接文字变成红色。

  (责任编辑 冲锋队)


发表评论】【初学者园地】【科技聊天】【关闭窗口

新 闻 查 询

【学园专题】JavaScript动态网页制作宝库
 相关链接
JavaScript打造网页右键菜单二法(2002/09/03 13:59)
用“下拉表单”为你主页轻松减肥(2002/08/20 13:22)
用“HTMLMarkup”标记实现网页画中画(2002/08/19 11:58)
增添靓丽风景 让网页记住你的姓名(2002/08/12 11:10)
用JavaScript实现网页上的浮动广告(2002/07/26 13:49)
用JavaScript实现浏览器地震的效果(2002/07/18 12:03)
用JavaScript实现窗口从天而降效果(2002/07/15 10:33)


科技时代意见反馈留言板 电话:010-82612286 或 010-82628888-5488   欢迎批评指正

新浪简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 产品答疑

Copyright © 1996 - 2002 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网