日期:2014-04-20  浏览次数:20667 次

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