巧用Behaviors控制状态栏-站长中国-中国站长门户从这里开始全面了解中国站长

巧用Behaviors控制状态栏

　 2007年11月17日05:03:12　评论(0条) 字体:[大中小]
相关热点：

　　经常上网的朋友定会注意到，许多网站的网页当鼠标移到超级链接上时，在浏览器的状态栏里会显示链接的简要说明，当鼠标移到一张图片上，在状态栏里又会显示图片的简要说明，如此等等，状态栏成了一个信息提示栏，使有限的空间得到了充分利用。若会用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动作，状态栏完全在你的控制之中，就是这么方便！

责任编辑：

拍一下