网页设计专题

城市专题

网页设计教程:利用Behaviors控制状态栏

一、在状态栏显示普通文本的提示

1、输入一段文本,选取这段文本,并给它定义一种字体或颜色或其它什么的,其目的是使这段文本有一个HTML标记把它框起来,以便加载Set Text of Status Bar动作,这个动作几乎可以加载到所有的HTML标记上,所以用起来很方便;

2、按F8调出Behaviors面板(一定要在选取了那段文本后就按F8,否则动作有可能加载到其它的标记上去),按面板上的“+”图标,在拉出的列表中,把鼠标在“Set Text”上点一下,在其拉出的子列表中选择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动作,状态栏完全在你的控制之中,就是这么方便。

触屏版|电脑版 |新闻

版权所有:河南天华教育科技有限公司

备案编号:豫ICP备18001490号-1