网页教学网
 当前位置: 网页教学网 >> 网页制作 >> 网页制作技巧 >> 阅读:改善网页链接文字的显示
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

改善网页链接文字的显示

http://www.webjx.com  更新日期:2005-02-24 20:53  出处:网页教学网  作者:
    每当用户在网页上定义链接文字时,所提示的字符都会以兰色显示,并自动加带下横线。当然这些并不是每个用户都想如此设定的,如何更改这一设定使其更加富有个性化,本文在此给出一种编程方法供大家参考使用。
    目前CCS的技术使网页制作大大改进,动态性等应用的实现,改善了HTML死板的网页显示模式。链接文字显示方法的改造,也可在CCS中找到较好的答案。我们以这样的要求来实现链接文字的动态显示:一般情况链接文字以深红色显示,当鼠标落在标记的链接文字上时,链接文字以红色显示并自动加上下横线;当鼠标离开标记的链接文字时,自动去掉下横线,恢复原显示方式。
    处理鼠标移动到标记文字上和离开标记文字可用onmouseover和onmouseout语句来响应执行,在这两个语句上定义用户的设定要求,即可实现上面链接文字的动态设定,有关字符颜色可用color定义,字符是否带下横线可用textDecoration来定义。下面给出HTML自定义动态链接文字显示的相应程序,请注意:这一功能的实现环境是IE4.0。
< ! -- IE4.0 中链接文字动态显示实例 -- >
< HTML >
< HEAD >
< TITLE > 链接文字动态显示
< /TITLE >
< /HEAD >
< BODY >
< CENTER >
< HR >
< A HREF="wuci.html" STYLE=
"color:darkred;text-decoration:none"
ONMOUSEOVER="this.style.color=
'red';this.style.textDecoration='underline'"
ONMOUSEOUT="this.style.color=
'darkred';this.style.textDecoration='none'" >
GO HOME
< /A >
< HR >
< /CENTER >
< /BODY >
< /HTML >
关键词:
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为