改善网页链接文字的显示

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

每当用户在网页上定义链接文字时,所提示的字符都会以兰色显示,并自动加带下横线。当然这些并不是每个用户都想如此设定的,如何更改这一设定使其更加富有个性化,本文在此给出一种编程方法供大家参考使用。

目前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 >

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航