给网页文字加上即时提示(2)
许锦新　　2001-07-20 14:48:49

　　在上例中，提示信息是出现在鼠标旁边。但如果要将提示信息都显示在浏览窗口的状态行，那该怎样实现呢？在本例中实现的方法是将各个要设置提示信息的单词都用超链接元素〈A〉...〈/A〉设置成超链形式，并在各个链接的onMouseMove与onMouseOut事件中相应设置窗口WINDOW的STATUS属性值（表示状态行）。

　　实现的源代码如下：

　　〈!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"〉

　　〈HTML〉

　　〈HEAD〉

　　〈TITLE〉网页状态行提示演示 〈/TITLE〉

　　〈STYLE〉

　　BODY {cursor:default}

　　〈/STYLE〉

　　〈/HEAD〉

　　〈BODY〉

　　〈H3〉Unit 14 Lesson 54〈/H3〉

　　〈P〉


　　〈!用超链元素A.../A将要设置提示信息的单词分别设成超链形式〉

　　〈!HREF元素的值设置为"javascript:void(null)"表示该链接为空链接,不链接到其他地方〉

　　〈!onMouseMove事件设置鼠标移动到该链接时的提示信息〉

　　〈!onMouseOut事件设置鼠标离开该链接时的提示信息为空白，即将提示信息清除〉

　　〈!window.status="某个字符串"表示在状态行设置提示信息〉

　　〈A HREF="javascript:void(null)"

　　onMouseMove="window.status=‘Christmas--n.圣诞节‘"

　　onMouseOut="window.status=‘ ‘"〉Christmas 〈/A〉 is an important

　　〈A HREF="javascript:void(null)"

　　onMouseMove="window.status=‘festival--n.&&&&adj.节日(的);喜庆(的)‘"

　　onMouseOut="window.status=‘ ‘"〉festival 〈/A〉 in

　　〈A HREF="javascript:void(null)"

　　onMouseMove="window.status=‘Britain--n.英国;不列颠‘"

　　onMouseOut="window.status=‘ ‘"〉Britain 〈/A〉 and many other

　　parts of the world.

　　〈/P〉

　　〈/BODY〉

　　〈/HTML〉

|首　页||上一页|