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

Dreamweaver
Dreamweaver构建Blog全程实录(1)-BLOG功能简介
Dreamweaver构建Blog(2)-构建开发环境
Dreamweaver构建Blog全程实录(3)-数据库的设计和连接
Dreamweaver构建Blog全程实录(4)-首页的实现
Dreamweaver构建Blog全程实录(5)-分栏及回复的实现
Dreamweaver构建Blog全程实录(6)-用户注册的实现
Dreamweaver构建Blog全程实录(7)-用户登录的实现
Dreamweaver构建Blog全程实录(8)-管理员页面的实现
Dreamweaver构建Blog全程实录(9)-站点统计
Dreamweaver构建Blog全程实录(10):事件日历
Dreamweaver构建Blog全程实录(11)-站内搜索
Dreamweaver构建Blog全程实录(12)-上传安装
Dreamweaver便捷技巧方法
Dreamweaver快速制作细边线表格
修改注册表解决Dreamweaver乱码问题
DreamweaverMX技巧之超链接
在DreamWeaver中应用CSS样式表技巧两则
用Dreamweaver MX建立一个简单的图书查询系统
Dreamweaver层使用八定律
下拉菜单全攻略之Dreamweaver篇

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 44 ::
收藏到网摘: 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


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