当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > DW MX实例:设置状态栏信息

Dreamweaver
Dreamweaver CS3网页制作之CSS布局规则
Dreamweaver CS3网页制作之布局实例
Dreamweaver生成新页面css的类失效
Dreamweaver CS4 JavaScript的部分新特性
Dreamweaver CS4安装试用以及截图
Dreamweaver CS4新增相关功能介绍
Dreamweaver制作网页时使用CSS的事项
Dreamweaver关于字符与编码的错误
Dreamweaver表格宽度辅助线怎么除掉?
Dreamwaver设计div层的对齐方式
DW教程之CSS网页制作实例:固定宽度布局
DreamWeaver正在走向死胡同
Dreamweaver CS3中的CSS布局规则
Dreamweaver套用源格式命令应用技巧
Dreamweaver使用过程中的常见问题
Dreamweaver教程:如何取消Dreamweaver表格宽度辅助线
Dreamweaver CS3网页制作中的CSS布局规则
制作网页中设计段落缩进的方法
DW的源代码视图按空格代码提示功能消失
dreamweaver出现翻译器没有被装载错误

Dreamweaver 中的 DW MX实例:设置状态栏信息


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 41 ::
收藏到网摘: n/a

  网页浏览器的状态栏位于浏览器的下方,可以通过浏览器菜单栏上的【查看】 / 【状态栏】选项将其打开或关闭。网页的状态栏顾名思义就是显示网页的下载进度等网页状态信息。本例将用 Dreamweaver MX 2004 自定义状态栏信息。

  效果说明 在网页状态栏里显示自定义的一行文字信息,实际效果可浏览随书光盘中【源文件】   【实例 58 】   【 sample.htm 】文件。

  创作思想 利用 Dreamweaver 的行为功能产生相关的 Javascript 代码,再利用 Javascript 动态产生状态栏文字信息。

  操作步骤

  ( 1 )打开【设置状态栏文本】的设置窗口。运行 Dreamweaver MX 2004 后打开或者新建一个网页文档,执行如图 58-1 所示的操作,打开行为面板。

  
Dreamweaver


  ( 2 )经过上面的操作后,将打开如图 58-2 所示的【设置状态栏文本】窗口。

  ( 3 )状态栏文字效果。单击【确定】按钮后,单击菜单栏中的【文件】 / 【在浏览器中预览】 / 【 IE 浏览器】命令,或者直接按快捷键 F12 ,就可以预览到如图 58-3 所示的状态栏文字效果了。

  
Dreamweaver


  至此,本实例介绍完毕。在状态栏上,可以给自己的网站做广告,也可以放置其他的宣传信息。