相关文章
北京网站制作举例熟悉网页的头部信息表示涵义
北京网站制作用Photoshop制作冲击文字特效
网站设计学网页设计与网页制作，你该做啥？
北京网站建设DIV CSS制作网页过程中关于居中问题的总结
网页设计让你的主页声色并茂—巧为网页添加背景音乐
网页设计Photoshop三步把风景照变手绘效果
网站设计完美影音享受 新版PPStream试用手记
北京网页设计CSS技巧，像table一样布局div
企通互联网页申请表单用户体验设计简述
网站建设电信网通双线线路分流自动跳转代码
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> www.qitongnet.com北京网站制作给网页文字加上即时提示
www.qitongnet.com北京网站制作给网页文字加上即时提示
即时提示是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"〉北京网站建设 |