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