巧用Behaviors控制状态栏

2008-02-23 06:14:16来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

  经常上网的朋友定会注意到,许多网站的网页当鼠标移到终极链接上时,在浏览器的状态栏里会显示链接的简要说明,当鼠标移到一张图片上,在状态栏里又会显示图片的简要说明,如此等等,状态栏成了一个信息提示栏,使有限的空间得到了充分利用。若会用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打开网页