相关文章
网站制作责任编辑
北京网站设计专题管理
北京网页设计CSS层叠样式的主次顺序
北京网页设计网页设计之css+div PK table+css
北京网站设计Dreamweaver MX 2004 入门教程之界面详解（1）
企通互联Dreamweaver3 图层应用技巧（三）
网站建设Flash 遮罩特效的综合操练（1）
北京网站制作Flash视频教程：3.1 图层操作
www.qitongnet.comDreamWeaver,经典50问(10)
企通互联把BLOG上传到远程空间-Dreamweaver构建Blog
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> www.qitongnet.com北京网页设计给网页文字加上即时提示
www.qitongnet.com北京网页设计给网页文字加上即时提示
作者： 北京网站建设 日期：2008-03-27 06:03:34 来源： http://www.qitongnet.com
在鼠标旁边显示即时提示信息北京网站设计
这种方法是巧妙地利用HTML语言提供的标题元素〈TITLE〉...〈/TITLE〉。在新的HTML 4.0规范中，〈TITLE〉...〈/TITLE〉可以支持几乎所有的元素，在本例中是将它与行内元素〈SPAN〉...〈/SPAN〉配合使用。〈SPAN〉...〈/SPAN〉元素是HTML 4.0规范新增加的通用行内容元素，在本例中利用它将要设置提示信息的单词隔离开并分别设置各单词的TITLE属性。北京网页设计
实现的源代码如下： 网站建设
〈!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〉网站制作 www.qitongnet.com
〈SPAN TITLE="Christmas--n.圣诞节"〉Christmas 〈/SPAN〉 is an important 网站设计网站建设
〈SPAN TITLE="festival--n.&&&&adj.节日(的);喜庆(的)"〉festival 〈/SPAN〉北京网站制作
in 〈SPAN TITLE="Britain--n.英国;不列颠"〉Britain 〈/SPAN〉 and many other企通互联
parts of the world.北京网站建设
〈/P〉网页设计
〈/BODY〉北京网页设计
〈/HTML〉网站设计
北京网站建设
在窗口状态行显示提示信息网站建设
在上例中，提示信息是出现在鼠标旁边。但如果要将提示信息都显示在浏览窗口的状态行，那该怎样实现呢？在本例中实现的方法是将各个要设置提示信息的单词都用超链接元素〈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〉
网站制作
这种方法是巧妙地利用HTML语言提供的标题元素〈TITLE〉...〈/TITLE〉。在新的HTML 4.0规范中，〈TITLE〉...〈/TITLE〉可以支持几乎所有的元素，在本例中是将它与行内元素〈SPAN〉...〈/SPAN〉配合使用。〈SPAN〉...〈/SPAN〉元素是HTML 4.0规范新增加的通用行内容元素，在本例中利用它将要设置提示信息的单词隔离开并分别设置各单词的TITLE属性。北京网页设计
实现的源代码如下： 网站建设
〈!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〉网站制作 www.qitongnet.com
〈SPAN TITLE="Christmas--n.圣诞节"〉Christmas 〈/SPAN〉 is an important 网站设计网站建设
〈SPAN TITLE="festival--n.&&&&adj.节日(的);喜庆(的)"〉festival 〈/SPAN〉北京网站制作
in 〈SPAN TITLE="Britain--n.英国;不列颠"〉Britain 〈/SPAN〉 and many other企通互联
parts of the world.北京网站建设
〈/P〉网页设计
〈/BODY〉北京网页设计
〈/HTML〉网站设计
北京网站建设
在窗口状态行显示提示信息网站建设
在上例中，提示信息是出现在鼠标旁边。但如果要将提示信息都显示在浏览窗口的状态行，那该怎样实现呢？在本例中实现的方法是将各个要设置提示信息的单词都用超链接元素〈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〉