|
///pc/homepage/dreamweaver/img/000.gif" width="100" height="20">
|
///pc/img/title_00.gif" width="13" height="20"> |
|
///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">轻松掌握网页制作
///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">深入学习和使用
///pc/homepage/dreamweaver/img/003.gif" width="18" height="16" align="absmiddle">高级使用和理解
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">站点管理
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">发布网页
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">样式表编辑
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">Timelines
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">Behaviors
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">Template
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">Library
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">HTML源代码编辑器
///pc/homepage/dreamweaver/img/004.gif" width="30" height="17" align="absmiddle">强大的查找替换功能
///pc/homepage/dreamweaver/img/001.gif" width="30" height="16" align="absmiddle">历史面板的应用
///pc/homepage/dreamweaver/img/002.gif" width="18" height="16" align="absmiddle">附录
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">常见问题汇总
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">快捷键分级介绍
///pc/homepage/dreamweaver/img/009.gif" width="30" height="16" align="absmiddle">一句话技巧集萃
///pc/homepage/dreamweaver/img/010.gif" width="30" height="16" align="absmiddle">功能快速索引
//www.shanghaigongsi.com.cn/pc/bin/softdown/softgsch.pl?key=dreamweaver">///pc/img/download.gif" width="90" height="45" border="0">
/pc/bin/msg.pl?file_id=k_dreamweaver target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法
|
///pc/img/blank.gif" width="1" height="1">
| |
| ///pc/homepage/dreamweaver/img/logo1.gif" width="194" height="64"> |
|
|
|
|
Behaviors
前面我们已经讲了一些Behaviors的用法，比如层的显示和隐藏，图片的翻转，相信你对它已经有了初步的了解。在这一节里，我们通过一个例子，详细讲述Behaviors的其他用法，加深你的理解。
可以说Behaviors是一种事件（events）和动作（actions）的化合物，动作是用JavaScripts事先编好的功能，比如打开浏览器窗口、播放声音或停止播放Shockwave电影等，事件是引发动作的方式，比如移动鼠标，单击鼠标等。
（1）给状态栏添加文字
你可能经常看到网页的状态栏中有页面提示性文字，看起来效果还不错，想做这个效果吗？那就开始吧！
按F8键开启behaviors面板（图1），单击“+”号，选“set
text->set text of status bar”命令（图2），然后在打开的文本框里输入需要的文字（图3），比如“这里是笨象的家！”。确定后，系统增加了一个onLoad事件，表示加载页面时状态栏显示这行字。
///pc/homepage/dreamweaver/img/dwu086.gif" width="287" height="177">
图1 打开Behaviors窗口
///pc/homepage/dreamweaver/img/dwu087.gif" width="322" height="177">
图2 选择如图所示的菜单项
///pc/homepage/dreamweaver/img/dwu088.gif" width="390" height="119">
图3 在对话框中输入想要显示的文字
浏览此页面，可以看到效果。
///pc/homepage/dreamweaver/img/dwu089.gif" width="361" height="161">
图4 在IE中的效果
注意：文本框中的文字信息一定要简短，否则浏览器会自动截去超过文字框范围的内容。
下一节
/pc/bin/msg.pl?file_id=k_dreamweaver target="_blank">///pc/img/message.gif" width="64" height="54" alt="请您留言" border="0">
谈谈您的看法
|
| |
| |