Dreamweaver中的行为

1、l1 认识行为l2 使用Dreamwerver8内置的行为l3 插入行为脚本1.1 认识行为认识行为1.2 使用行为面板使用行为面板1.3 增加行为的基本步骤增加行为的基本步骤1.4 修改行为修改行为行为是由对象、事件和动作构成的。行为是由对象、事件和动作构成的。1对象：是产生行为的主体。网页中的很多元素都可以成为对象，对象：是产生行为的主体。网页中的很多元素都可以成为对象，如网页中的一个图片、一段文字等元素，也可以整个网页文档。如网页中的一个图片、一段文字等元素，也可以整个网页文档。2事件：是由用户或浏览器触发的事件。事件经常是针对页面元事件：是由用户或浏览器触发的事件。事件经常是针对页面元

2、素的，如鼠标经过、鼠标单击、键盘某个键按下等。素的，如鼠标经过、鼠标单击、键盘某个键按下等。3动作：通常是一段动作：通常是一段JavaScript代码，用于完成某些特殊的任务。代码，用于完成某些特殊的任务。如打开一个窗口时自动播放声音、弹出信息窗口等。如打开一个窗口时自动播放声音、弹出信息窗口等。4行为：事件和动作组合起来就构成了行为。事件是产生行为的行为：事件和动作组合起来就构成了行为。事件是产生行为的条件，动作是行为的具体结果。条件，动作是行为的具体结果。单击菜单栏中的单击菜单栏中的“窗口窗口”|“行为行为”命令或使用组合键命令或使用组合键Shift+F4，可，可以打开行为面板如图所示。以

3、打开行为面板如图所示。（一）行为面板各按钮功能（一）行为面板各按钮功能（二）设置浏览器版本（二）设置浏览器版本在行为面板中，单击在行为面板中，单击 按钮，在按钮，在“显示事件显示事件”的级联菜单中选择浏览的级联菜单中选择浏览器版本，如图所示。器版本，如图所示。（三）常见事件（三）常见事件添加行为后，要为行为选择触发事件。选择某个行为，单击左侧添加行为后，要为行为选择触发事件。选择某个行为，单击左侧的事件名称右侧的下拉箭头弹出下拉菜单，菜单列出了所选行为可以的事件名称右侧的下拉箭头弹出下拉菜单，菜单列出了所选行为可以使用的触发事件，如图所示。使用的触发事件，如图所示。1在文档窗口中选择要增加行为

4、的对象，例如一个图像或一个链在文档窗口中选择要增加行为的对象，例如一个图像或一个链接或一段文字。要将行为附加到整个页，请在接或一段文字。要将行为附加到整个页，请在“文档文档”窗口底部左侧窗口底部左侧的标签选择器中单击的标签选择器中单击 标签。标签。2在行为面板中单击加号在行为面板中单击加号“+”按钮，从弹出菜单中选择一种行为。按钮，从弹出菜单中选择一种行为。3打开某种行为的设置对话框，根据需要进行设置，完成对话框。打开某种行为的设置对话框，根据需要进行设置，完成对话框。4在行为面板中选择行为，添加触发事件。在行为面板中选择行为，添加触发事件。6保存网页，在浏览器中检测行为。保存网页，在浏览器中

5、检测行为。要修改和编辑己设置行为要修改和编辑己设置行为,执行以下操作之一：执行以下操作之一：1在行为面板中双击要修改的行为。在行为面板中双击要修改的行为。2选择要修改的行，单击行为面板上的选择要修改的行，单击行为面板上的“选项选项”按钮按钮 ，选择，选择“编辑行为编辑行为”命令。命令。2.1 播放声音播放声音2.2 打开浏览器窗口打开浏览器窗口2.3 弹出消息弹出消息2.4 转到转到URL2.5 设置状态栏文本设置状态栏文本2.6 拖动层拖动层2.7 显示显示隐藏层隐藏层2.8 改变对象属性改变对象属性1打开一个网页，选择行为的对象如某一图像，也可单击窗口下打开一个网页，选择行为的对象如某一图

6、像，也可单击窗口下方的方的标签，为整个页面增加行为。标签，为整个页面增加行为。2在行为面板上，单击在行为面板上，单击“+”按钮，从下拉菜单中选择按钮，从下拉菜单中选择“播放声播放声音音”。3打开打开“播放声音播放声音”对话框。对话框。4在文本框中输入声音文件的路径和名称，也可单击在文本框中输入声音文件的路径和名称，也可单击“浏览浏览”按按钮，选择要播放的声音文件。钮，选择要播放的声音文件。5单击单击“确定确定”按钮。在网页中出现占位符。按钮。在网页中出现占位符。6在行为面板设置事件，如设为在行为面板设置事件，如设为“OnLoad”。7保存并在浏览器中预览网页，观看效果。保存并在浏览器中预览网页

7、，观看效果。1打开一个网页，选择行为的对象如某一图像，如选择一个图像。打开一个网页，选择行为的对象如某一图像，如选择一个图像。2在行为面板上，单击在行为面板上，单击“+”按钮，从下拉菜单中选择按钮，从下拉菜单中选择“打开浏览打开浏览器窗口器窗口”。3打开打开“打开浏览器窗口打开浏览器窗口”对话框，如图所示。对话框，如图所示。4设置对话框，单击设置对话框，单击“确定确定”按钮。按钮。在行为面板设置事件，如设为在行为面板设置事件，如设为“OnMouseOver”6保存并在浏览器中测试行为。保存并在浏览器中测试行为。 1打开一个网页，选择行为的对象，如选择一个图像。打开一个网页，选择行为的对象，如选

8、择一个图像。2在行为面板上，单击在行为面板上，单击“+”按钮，打开下拉菜单，从中选择按钮，打开下拉菜单，从中选择“弹弹出消息出消息”。3打开打开“弹出消息弹出消息”对话框，如图所示。对话框，如图所示。 4输入要显示的信息，单击输入要显示的信息，单击“确定确定”按钮。按钮。5在行为面板设置事件，如设为在行为面板设置事件，如设为“OnMouseDown”6保存并在浏览器中测试行为。保存并在浏览器中测试行为。 1打开一个网页，插入一个按钮，在打开一个网页，插入一个按钮，在“属性检查器属性检查器”中设置中设置“动作动作”为为“无无”。2选中按钮。在行为面板上，单击选中按钮。在行为面板上，单击“+”按钮

9、，打开下拉菜单，从按钮，打开下拉菜单，从中选择中选择“转到转到URL”。3打开打开“转到转到URL”对话框，如图所示。对话框，如图所示。4在在“URL”框中框中输入要打开的文件的输入要打开的文件的路径和名称，也可单路径和名称，也可单击击“浏览浏览”按钮选择文件。按钮选择文件。5单击单击“确定确定”按钮。按钮。6在行为面板设置事件，如设为在行为面板设置事件，如设为“OnMouseDown”7保存并在浏览器中测试行为保存并在浏览器中测试行为1打开一个网页，选择窗口下方的打开一个网页，选择窗口下方的标签。标签。2在行为面板上，单击在行为面板上，单击“+”按钮，打开下拉菜单，从中选择按钮，打开下拉菜单

10、，从中选择“设设置文本置文本”子菜单中的子菜单中的“设置状态栏文本设置状态栏文本”。3打开打开“设置状态栏文本设置状态栏文本”对话框，如图所示。对话框，如图所示。4输入要显示的信息，单击输入要显示的信息，单击“确定确定”按钮。按钮。5在行为面板设置事件，如设为在行为面板设置事件，如设为“OnLoad”。6保存并在浏览器中测试行为。保存并在浏览器中测试行为。1打开一个网页，插入一个层，命名为打开一个网页，插入一个层，命名为layer1，在层插入图像。，在层插入图像。2选择窗口下方的选择窗口下方的标签。标签。3在行为面板上，单击在行为面板上，单击“+”按钮，打开下拉菜单，从中选择按钮，打开下拉菜单

11、，从中选择“拖拖动层动层”。4打开打开“拖拖动层动层”对话框，对话框，如图所示。如图所示。 5在在“基本基本”选项中，选择要拖动的层，其他使用默认设置。选项中，选择要拖动的层，其他使用默认设置。6单击单击“确定确定”按钮，退出按钮，退出“拖动层拖动层”对话框。对话框。7在行为面板设置事件为在行为面板设置事件为“OnLoad”。8保存并在浏览器中测试行为。保存并在浏览器中测试行为。1打开一个网页，输入打开一个网页，输入“长影世纪城景观长影世纪城景观”，并设置空链接。，并设置空链接。2插入一个层，命名为插入一个层，命名为“Layer1”，在层中插入图像，如图所示，在层中插入图像，如图所示3选中选中

12、“长影世纪城景观长影世纪城景观”，在行为面板上，单击在行为面板上，单击“+”按钮，按钮，打开下拉菜单，从中选择打开下拉菜单，从中选择“显示显示隐藏层隐藏层”。打开打开“显示显示隐藏层隐藏层”对话框，如图所示。对话框，如图所示。5在在“命名的层命名的层”中显示了所有的层，选择中显示了所有的层，选择“Layer1”。6单击单击“隐藏隐藏”按钮，然后单击按钮，然后单击“确定确定”，退出，退出“显示显示隐藏层隐藏层”对话框。对话框。7在行为面板设置事件为在行为面板设置事件为“OnMouseOut”。8重新选择重新选择“长影世纪城景观长影世纪城景观”文本，打开文本，打开“显示显示隐藏层隐藏层”对对话框，

13、选择话框，选择“Layer1”，单击，单击“显示显示”按钮，确定退出对话框将行为事按钮，确定退出对话框将行为事件设为件设为“OnMouseOver”。行为面板显示如图所示。行为面板显示如图所示。10选中网页的层，在属性检查器中设置选中网页的层，在属性检查器中设置“可见性可见性”为为“hidden”，使层初始状态为隐藏。，使层初始状态为隐藏。11保存并在浏览器中测试行为，保存并在浏览器中测试行为，当鼠标指向当鼠标指向“长影世纪城景观长影世纪城景观”时，时，层显示，离开时层隐藏。层显示，离开时层隐藏。1打开一个网页，插入两个按钮，按钮动作为打开一个网页，插入两个按钮，按钮动作为“无无”，绘制一个，

14、绘制一个层，命名为层，命名为Layer1，设置层的背，设置层的背景颜色为浅紫色，如图所示。景颜色为浅紫色，如图所示。2选中选中“粉色粉色”按钮。在行为按钮。在行为面板上，单击面板上，单击“+”按钮，打开下拉按钮，打开下拉菜单，从中选择菜单，从中选择“改变属性改变属性”。3打开打开“改变属性改变属性”对话框，对话框，如图所示。如图所示。4对话框各项设置如下：对话框各项设置如下：“对象类型对象类型”：选择要改变的类型。选择：选择要改变的类型。选择“LAYER”“命名对象命名对象”：从下拉菜单中选择要更改属性的对象名称，选择：从下拉菜单中选择要更改属性的对象名称，选择layer“Layer1”。“属

15、性属性”：设置要改变的属性名称及浏览器版本。改变背景选择：设置要改变的属性名称及浏览器版本。改变背景选择“style.backgroundColor”，浏览器版本选择，浏览器版本选择“IE4”。“新的值新的值”：设置新属性的值。输入：设置新属性的值。输入“pink”5单击单击“确定确定”，退出对话框。，退出对话框。6在行为面板设置事件为在行为面板设置事件为“OnMouseDown”。7选中选中“绿色绿色”按钮，添加按钮，添加“改变属性改变属性”，设置，设置“新的值新的值”为为“green”，事件为，事件为“OnMouseDown”。8保存并在浏览器中测试行为。保存并在浏览器中测试行为。3 插入

16、行为脚本插入行为脚本l只要把特效代码复制、粘贴到你的网页源代码中，保存，再在浏览器中打开，就会看到效果了 。l如：设为首页设为首页l特效代码集中营：http:/ 双击页面自动滚屏效果双击页面自动滚屏效果 var currentpos,timer; function initialize() timer=setInterval(scrollwindow(),10); function sc() clearInterval(timer); function scrollwindow() window.scrollBy(0,1); document.onmousedown=sc document.ondblclick=initialize在鼠标后面跟着一串飘动的字符在鼠标后面跟着一串飘动的字符 .spanstyl