巧用Behaviors控制状态栏
2008-02-23 06:14:16来源:互联网 阅读 ()
经常上网的朋友定会注意到,许多网站的网页当鼠标移到终极链接上时,在浏览器的状态栏里会显示链接的简要说明,当鼠标移到一张图片上,在状态栏里又会显示图片的简要说明,如此等等,状态栏成了一个信息提示栏,使有限的空间得到了充分利用。若会用Javascript编程式,实现这种效果当然没问题。不会用Javascript编程式有了Dreamweaver3的Behaviors实现这种效果也同样轻松,这实际上也就是调用Behaviors的Set Text of Status Bar动作罢了,点点鼠标就完成了。下面通过几个例子来说明这种效果的制作方法。
一、在状态栏显示普通文本的提示
1、输入一段文本,选取这段文本,并给他定义一种字体或颜色或其他什么的,其目的是使这段文本有一个HTML标记把他框起来,以便加载Set Text of Status Bar动作,这个动作几乎能够加载到任何的HTML标记上,所以用起来很方便;
2、按F8调出Behaviors面板(一定要在选取了那段文本后就按F8,否则动作有可能加载到其他的标记上去),按面板上的“ ”图标,在拉出的列表中,把鼠标在“Set Text”上点一下,在其拉出的子列表中选择Set Text of Status Bar动作,立即弹出如下图所示的对话框:
图1 Set Text of Status Bar动作对话框
3、上面这个Set Text of Status Bar动作对话框可能是所Behaviors动作对话框中最简单的一个了,他只有一个“Massage”输入框,在上面输入要在状态栏显示的信息内容,然后按OK按钮返回到Behaviors面板,把触发事件改为您需要的事件,一般用onMouseOver 事件。一切就这样轻松搞定了。
4、按F12,再低头看看状态栏,信息像预期的那样在状态栏里显示了,再仔细观察一下,把鼠标移开试试,唉!怎么还在显示那条信息,这可不太好!解决这个问题很简单,返回网页编辑窗,在那段文本上再加载一个Set Text of Status Bar动作,只是这次在动作对话框中什么都不要写,直接按OK返回Behaviors面板,把这次加载的Set Text of Status Bar动作的触发事件改为onMouseOut,再按F12看看,定会使您满意的。
二、在状态栏显示终极链接的提示
1、选取一个终极链接;
2、用Behaviors面板加载两个Set Text of Status Bar动作,一个有提示信息的,触发事件为:onMouseOver;一个没有提示信息的,触发事件为:onMouseOut。
三、在状态栏显示图片的提示
1、选取一张图片;
2、用Behaviors面板加载两个Set Text of Status Bar动作,一个有提示信息的,触发事为:onMouseOver;一个没有提示信息的,触发事件为:onMouseOut。
用类似的方法,您也能够在状态栏显示表单按钮的提示信息,总之您喜欢在状态栏显示那部分内容的提示信息就在那里加载Set Text of Status Bar动作,状态栏完全在您的控制之中,就是这么方便!
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇: 巧用Behaviors制动态图片说明
下一篇: 巧用Behaviors打开网页
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash