改善网页链接文字的显示
每当用户在网上定义链接文字时，所提示的字符都会以兰色显示，并自动加带下横线。当然这些并不是每个用户都想如此设定的，如何更改这一设定使其更加富有个性化，本文在此给出一种编程方法供大家参考使用。
----目前Css的技术使网页制作大大改进，动态性等应用的实现，改善了HTML死板的网页显示模式。链接文字显示方法的改造，也可在CCS中找到较好的答案。我们以这样的要求来实现链接文字的动态显示：一般情况链接文字以深红色显示，当鼠标落在标记的链接文字上时，链接文字以红色显示并自动加上下横线；当鼠标离开标记的链接文字时，自动去掉下横线，恢复原显示方式。
----处理鼠标移动到标记文字上和离开标记文字可用onmouseover和onmouseout语句来响应执行，在这两个语句上定义用户的设定要求，即可实现上面链接文字的动态设定，有关字符颜色可用color定义，字符是否带下横线可用textDecoration来定义。下面给出HTML自定义动态链接文字显示的相应程序，请注意：这一功能的实现环境是IE6.0。
<!--IE6.0中链接文字动态显示实例-->
<HTML>
<HEAD>
<TITLE>链接文字动态显示
</TITLE>
</HEAD>
<BODY>
<CENTER>
<HR>
<AHREF="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'">
GOHOME
</A>
<HR>
</CENTER>
</BODY>
</HTML>
扫一扫
2959
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
