相关文章
历年来最为严重的10大网站设计错误是什么
北京网页设计建设网站制作网页应该懂得的九件大事
北京网站设计我们是否该使用DIV+CSS布局我们的网页？
企通互联Photoshop“索引颜色”位图转为矢量图
网页设计网页最简短的拖动对象代码实例演示
网站建设制作Dreamweaver活动QQ系列菜单
北京网站建设让 JS 来控制target属性
网站设计网页制作之如何管理好网站的css样式
网站制作HTML语言剖析（四）排版标记
网站设计谈网站设计的10个要点
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 网页设计给网页文字加上即时提示
网页设计给网页文字加上即时提示
即时提示是Windows应用软件的一种富有人情味的特色设计。当用户不知道一个文字或图片按钮的功能时，只要把鼠标移动到这个按钮，就会出现一个即时提示短语。在制作网页时,同样可以借助HTML语言给网络文档加上即时提示功能。
站.长.站
我们在开发英语网络教材时，就利用了即时提示功能给每个生词加上中文注释。在本例中，对初三英语课文中的“Christmas is an important festival in Britain and many other parts of the world.”一句中的生词Christmas、festival、Britain分别加上注释功能，当用户将鼠标移动到这些单词上面时，就会在鼠标的旁边显示相应注释。 中.国.站.长.站
那么，在网页中如何实现这种即时提示功能呢？下面介绍两种实现方法：
在鼠标旁边显示即时提示信息
Chinaz~com
这种方法是巧妙地利用HTML语言提供的标题元素〈TITLE〉...〈/TITLE〉。在新的HTML 4.0规范中，〈TITLE〉...〈/TITLE〉可以支持几乎所有的元素，在本例中是将它与行内元素〈SPAN〉...〈/SPAN〉配合使用。〈SPAN〉...〈/SPAN〉元素是HTML 4.0 北京网站设计规范新增加的通用行内容元素，在本例中利用它将要设置提示信息的单词隔离开并分别设置各单词的TITLE属性。
网站建设实现的源代码如下： Www.Chinaz.com
| 以下为引用的内容：北京网站设计 〈!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"〉网站建设 〈HTML〉北京网页设计 〈HEAD〉企通互联 〈TITLE〉网页即时提示演示 〈/TITLE〉北京网站设计 〈!STYLE元素定义顶级元素BODY与行内元素SPAN的样式〉北京网站制作 〈STYLE〉网站制作 BODY {cursor:default}北京网站设计 SPAN {background-color:yellow}企通互联 〈/STYLE〉北京网站设计 〈/HEAD〉 北京网站设计 〈BODY〉企通互联 〈H3〉Unit 14 Lesson 54〈/H3〉网页设计 〈P〉 北京网站制作 〈!用行内元素SPAN将各个要设置提示的单词单独括起来并用TITLE元素设置提示信息〉 北京网站设计 〈!本例中要设置提示信息的单词分别为Christmas、festival、Britain〉网页设计 〈SPAN TITLE="Christmas--n.圣诞节"〉Christmas 〈/SPAN〉 is an important北京网站建设 〈SPAN TITLE="festival--n.&&&&adj.节日(的);喜庆(的)"〉festival 〈/SPAN〉 Chinaz@com 企通互联in 〈SPAN TITLE="Britain--n.英国;不列颠"〉Britain 〈/SPAN〉 and many other网站建设 parts of the world.网站设计 〈/P〉 网页设计网站设计 〈/BODY〉北京网页设计 〈/HTML〉 |
中国站.长.站
在窗口状态行显示提示信息 Chinaz.com
在上例中，提示信息是出现在鼠标旁边。但如果要将提示信息都显示在浏览窗口的状态行，那该怎样实现呢？在本例中实现的方法是将各个要设置提示信息的单词都用超链接元素〈A〉...〈/A〉设置成超链形式，并在各个链接的onMouseMove与onMouseOut事件中相应设置窗口WINDOW的STATUS属性值（表示状态行）。 [ 企通互联中国站长站]
实现的源代码如下：
中国站长_站,为中文网站提供动力
| 以下为引用的内容：网站建设 〈!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"〉网站设计 |
