Dreamweaver CS5网页设计与制作教程第五章

合集下载

相关主题

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

5.1 认识行为
行为是由对象、动作和事件构成的，事件是产生行为的条件，动作是行为的具体结果。对象：是产生行为的主体。对象可以是网页中的很多元素，如网页中的一段文字、一幅图片等元素，也可以整个网页文档。动作：通常是一段JavaScript代码，用于完成某些特殊的任务。如打开一个窗口自动弹出“欢迎”窗口、鼠标经过图片图片晃动等效果。事件：是由用户或浏览器引发动作产生的事情。事件经常是针对页面元素的，也就是行为的对象，如鼠标经过、鼠标离开、鼠标单击等。
5.2 使用行为
文本域文字的行为页面中的用户登录需要输入用户名、密码，因此在页面会插入给用户输入的文本域。常常可以设计这样的效果：当鼠标移到文本域时，文本域中显示“ 请输入用户名”，当文本域获得焦点时，之前的文字消失，用户则可以输入用户名信息。这种效果是添加了文本域文字的行为
5.2 使用行为
制作交换图像 “交换图像”这一动作的特效是恢复交换的图像。当鼠标经过图像时，原图像会变成另外一幅图像，否则恢复原图像。其实，一个交换图像是由两幅图像组成的，包括原始图像和鼠标经过时显示的交换图像。
5.2 使用行为
制作交换图像 2.选择行为的事件。
<img src="images2/cp2.jpg" alt="" name="Image1" width="256" height="226" hspace="10" vspace="10" id="Image1" onmouseover="MM_swapImage('product', '','images2/cp2.jpg',1)" onmouseout="MM_swapImgRestore()" />
<script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script>
5.2 使用行为
设置文本行为在index.html页面中添加状态栏文字，同时设置文本域的文字，当鼠标移至用户名文本框时，显示“请输入用户名”，当光标在用户名文本框闪烁时，用户可以输入用户名。效果如图5-21所示
5.2 使用行为
设置文本行为状态栏文字是页面载入时出现，因此行为的主体对象是body标签。首先在标签检查器中选择“body”标签，然后在行为面板中添加动作和事件
第五章行为特效
5.1认识行为
5.2 使用行为
5.1 认识行为
DW中内置一组行为，其实它们都是标准的JavaScript程序，每个行为可以完成特定的任务，如播放声音、弹出提示对话框、弹出广告窗口等。如果你所需要的功能在系统内置的行为中，那么可以省去编写 JavaScript脚本代码，否则用户可能需要自己编写JavaScript脚本程序，创建新的行为。
<body onLoad="MM_popupMsg('请注意网络用语！')"> <script type="text/javascript"> function MM_popupMsg(msg) { //v1.0 alert(msg); } </script>
5.2 使用行为
页面关闭弹出问卷调查窗口页面关闭时利用行为可以弹出浏览器窗口，打开其他页面（如问卷调查窗口等）。具体操作如下。 1.制作问卷调查页面打开DW新建html页面，保存为“调查.html”。可以利用AP Div在页面中设计比较简单的问卷调查页面。
5.2 使用行为
设置文本行为 <body onLoad="MM_displayStatusMsg('欢迎光临本站~~~');return document.MM_returnValue"> <script type="text/javascript"z> function MM_displayStatusMsg(msgStr) { //v1.0 window.status=msgStr; document.MM_returnValue = true; } </script>
5.2 为
<body onUnload="MM_openBrWindow('diaocha.html','','width=400,height=250')"> <script type="text/javascript"> function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } </script>
5.2 使用行为
图片的晃动效果
默认选项，晃动的目标元素为“当前选定的内容”
<img src="images2/title.gif" width="774" height="101" onClick="MM_effectShake(this)">
function MM_effectShake(targetElement) { Spry.Effect.DoShake(targetElement); }
5.2 使用行为
任务与目的为某页面添加一组行为，增加的页面的动态效果使网页变得变活泼、生动，更好地吸引浏览者。掌握创建库项目掌握行为的概念；了解JavaScript知识。掌握设置行为的基本操作。熟悉行为面板。
5.2 使用行为
1.页面载入时弹出消息对话框当浏览者载入index.html页面时，将自动弹出消息对话框，在消息对话框中显示“请注意网络用语！”。设置页面前的效果如图5-2，添加行为后的效果如图5-3