改善网页链接文字的显示

每当用户在网页上定义链接文字时,所提示的字符都会以兰色显示,并自动加带下横线。当然这些并不是每个用户都想如此设定的,如何更改这一设定使其更加富有个性化,本文在此给出一种编程方法供大家参考使用。 目前CCS的技术使网页制作大大改进,动态性等应用的实现,改善了HTML死板的网页显示模式。链接文字显示方法的改造,也可在CCS中找到较好的答案。我们以这样的要求来实现链接文字的动态显示:一般情况链接文字以深红色显示,当鼠标落在标记的链接文字上时,链接文字以红色显示并自动加上下横线;当鼠标离开标记的链接文字时,自动去掉下横线,恢复原显示方式。 处理鼠标移动到标记文字上和离开标记文字可用onmouseover和onmouseout语句来响应执行,在这两个语句上定义用户的设定要求,即可实现上面链接文字的动态设定,有关字符颜色可用color定义,字符是否带下横线可用textDecoration来定义。下面给出HTML自定义动态链接文字显示的相应程序,请注意:这一功能的实现环境是IE4.0。< ! — IE4.0 中链接文字动态显示实例 — >< HTML >< HEAD >< TITLE > 链接文字动态显示< /TITLE >< /HEAD >< BODY >< CENTER >< HR >< A HREF=”http://www.webjx.com/htmldata/2005-02-24/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 >

<做对的事情比把事情做对重要。

改善网页链接文字的显示

相关文章:

你感兴趣的文章:

标签云: