Dreamweaver网页行为Word文档下载推荐.docx
《Dreamweaver网页行为Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《Dreamweaver网页行为Word文档下载推荐.docx（10页珍藏版）》请在冰豆网上搜索。
（4）当不同的行为动作被相同的事件触发时，需要用户指定各动作发生的次序，此时可使用行为面板中的“增加事件值”按钮“
”和“降低事件值”按钮“
”来调整行为顺序。
（5）不同的浏览器版本对应不同的可以使用的行为项目以及该项目中可以触发的事件数目，浏览器版本越高，可以使用的功能就越多，但是兼容性也越差。
因此，在设计网页行为时，既要考虑行为实现的可行性，也要考虑不同浏览者之间可能存在的上网条件差异，选择的浏览器版本不应过低，也不宜过高。
从图2所示的“动作”菜单中进入“显示事件”子菜单可进行浏览器版本的选择，如图4所示。
图4设置浏览器版本
2．认识常见行为动作
图2的“动作”菜单列出了Dreamweaver中预置的一些常见行为动作，但有部分项目处于不可用状态，这可能是因为“显示事件”中的浏览器版本过低，也可能是因为当前页面上没有这些动作所对应的元素，如页面中没有“层”元素，则“拖动层”和“显示－隐藏层”这两个动作不可用。
下面我们来认识几个常见的行为动作。
（1）交换图像与恢复交换图像
“交换图像”动作通过更改IMG（图像）标签的SRC（来源）属性将一幅图像变换为另一幅图像，而“恢复交换图像”动作则将变换的图像还原为其初始图像。
这两个动作组合可以创建按钮鼠标经过图像和其它图像效果，使用“插入”->
“图像对象”->
“鼠标经过图像”菜单命令会自动将“交换图像”和“恢复图像交换”行为添加到页面中。
（2）弹出信息
使用“弹出消息”动作可以设置一个带有指定消息的JavaScript警告框。
因为JavaScript警告框只有一个“确定”按钮，所以使用此动作仅仅能提供信息而不能使用户做出选择。
（3）打开浏览器窗口
使用“打开浏览器窗口”动作可以在一个新窗口中打开URL，并指定新窗口的属性，包括窗口大小、是否可调整大小、是否具有菜单栏及名称等。
例如，可以使用此行为在访问者单击缩略图时在一个单独的窗口中打开一个较大的图像。
（4）拖动层
“拖动层”动作允许拖动页面中的“层”元素，可以指定拖动层的方向。
若层在某个固定大小的目标中，还可以设置是否将层与目标对齐，当层受目标影响时如何处理等。
（5）控制Shockwave或者Flash
使用“控制Shockwave或Flash”动作可以通过事件控制Shockwave或Flash电影的播放、停止、倒带等。
（6）播放声音
使用“播放声音”动作可以播放声音。
例如，可在每次鼠标指针滑过某个链接时播放一段声音效果，或在页面载入时播放音乐剪辑。
（7）改变属性
使用“改变属性”动作可以更改对象的某个属性值，例如样式、颜色、大小、层的背景颜色或表单的动作等。
可以更改的属性是由浏览器决定的，在IE4中可以通过此行为更改的属性比IE3或NS3或4多得多。
（8）时间轴
使用“时间轴”动作可以控制页面中时间轴的播放，此动作功能类似于“控制Shockwave或Flash”动作。
（9）显示－隐藏层
“显示－隐藏层”动作可以显示、隐藏或恢复一个或多个层的默认可见性。
此动作用于在用户与页进行交互时显示信息，例如，当用户将鼠标指针滑过一个植物的图像时，可以显示一个层给出有关该植物的生长季节和地区、需要多少阳光、可以长到多大等详细信息。
（10）检查插件
使用“检查插件”动作可以判断访问者是否安装了指定插件，并决定是否转到其它页面。
例如，若用户已经安装有Shockwave插件，可转到需要Shockwave的页面，否则转到其它页面。
（11）检查浏览器
使用“检查浏览器”动作可根据访问者使用的浏览器品牌和版本转到不同的页。
例如，可将使用NetscapeNavigator4.0或更高版本浏览器的访问者转到一页，而将使用InternetExplorer4.0或更高版本的访问者转到另一页，并让使用任何其它类型浏览器的访问者继续保持当前页面。
将此行为附加到页面的body标签中是非常有用的，它保证了兼容任何浏览器，这样，即使访问者关闭JavaScript功能来到该页面时，仍然可以查看到一些内容。
（12）调用JavaScript
“调用JavaScript”动作允许用户使用“行为”面板指定当发生某个事件时应该执行的自定义函数或JavaScript代码行。
设计者可以自己编写JavaScript或使用Web上多个免费的JavaScript库中提供的代码。
（13）转到URL
使用“转到URL”动作可以在当前窗口或指定的框架中打开一个新页，此动作尤其适用于通过一次单击更改两个或多个框架的内容。
（14）预先载入图像
“预先载入图像”动作将在浏览器缓存中载入不会立即出现在页面上的图像，这样可防止图像变换时导致的延迟。
当然，除了Dreamweaver在行为面板中提供的一些基本行为动作以外，用户也可以在Internet上下载其它行为作为扩展行为使用，若用户对JavaScript比较熟悉，还可以自己编写行为动作。
3．认识常见行为事件
下表列出了行为设置的常用事件及简要说明。
事件
应用对象
说明
onAbort
图像、页面等
载入操作中断时
onAfterUpdate
对象更新之后
onBeforeUpdate
对象更新之前
onBlur
按钮、链接、文本框等
从当前对象移开焦点时
onClick
所有元素
单击对象时
onDblClick
双击对象时
onError
载入图片出错时
onFocus
当前对象得到焦点时
onHelp
图像等
调用帮助时
onLoad
完成载入图片或网页时
onMouseDown
链接图像、文字等
在对象区域按下鼠标键时
onMouseUp
在对象区域释放按下的鼠标键时
onMouseOver
鼠标指针指向对象区域时
onMouseOut
鼠标指针离开对象区域时
onMouseMove
鼠标指针在对象区域内移动时
onReadyStateChange
对象状态改变时
onKeyDown
键盘任意键处于按下状态时
onKeyPress
键盘任意键按下时
onKeyUp
键盘任意键释放时
onSubmit
表单等
提交表单时
onReset
重设表单时
onSelect
文字段落或选择框等
在文字段落或选择框选定某项时
onUnload
主页面等
离开页面时
onResize
主窗口等
改变浏览器窗口大小时
OnScroll
主窗口、多行文本框等
拖动浏览器窗口滚动条时
行为面板中的“事件”菜单（如图3所示）只有在选定了某个动作之后才会出现，它显示了当前对象支持的所有可以触发动作的事件，若所需事件没有出现，则很可能是因为没有选中正确的对象。
实例1图像交换
1．实例说明
页面初始状态显示汽车标志，鼠标经过某标志时显示对应汽车图片，点击鼠标在新窗口出现汽车大图。
实例2图片注释
图片的注释内容在页面加载时隐藏（仅显示汽车图片），当鼠标经过图片时显示，移开鼠标后消失。
实例3动态图片
打开网页时，自动弹出“欢迎光临本站！
”信息框，点击数字“1”、“2”、“3”时在相同位置显示不同图片。
实例4Flash影片
通过行为控制页面中Flash影片的播放和停止，并在网页打开时播放音乐。
实例5网页时钟
网页上显示当前日期、时间并按秒更新，点击“关闭窗口”按钮可关闭当前页面。
脚本：
<
scriptlanguage=JavaScript>
functioninitArray（）
{vartoday=newDate（）;
varYear=today.getYear（）
varMonth=today.getMonth（）+1
varDay=today.getDate（）
varHours=today.getHours（）
varMinutes=today.getMinutes（）
varSeconds=today.getSeconds（）
if（Month<
10）
Month="
0"
+Month
if（Day<
10）
Day="
+Day
if（Hours<
Hours="
+Hours
if（Minutes<
Minutes="
+Minutes
if（Seconds<
Seconds="
+Seconds
myclock=Year+"
年"
+Month+"
月"
+Day+"
日"
+Hours+"
:
"
+Minutes+"
if（document.layers）{document.layers.clock.document.write（myclock）
document.layers.clock.document.close（）
}elseif（document.all）
clock.innerHTML=myclock
setTimeout（"
initArray（）"
1000）
}
/script>
实训题
1．制作一个网页文件，打开网页时自动播放音乐，关闭网页时弹出信息“感谢您光临本站！
”。
2．应用“层”和行为，为网页中的某菜单制作一个下拉菜单，要求鼠标移到菜单上方时出现下拉菜单，移开时下拉菜单消失。
3．到Internet上下载几段JavaScript脚本语言，应用到自己的网页中。
升级会员 