脚本说明:
将下面代码加到
之间Dreamweaver这个名字相信大家都不会陌生了。自打上市以来以其鲜明的特性和完善的功能赢得了众多网友的青睐。Dreamweaver能够在众多的同类软件中赢得一席之地，主要归功于它完全开放的插件环境以及它所能创造出的那些另人耳目一新的网页特效。我即将要向大家介绍的就是通过Dreamweaver的行为事件所制作出的一些网页特效。这其中有一些是通过Dreamweaver的插件来实现的。希望大家可以通过这些特效使自己的网页更加的绚丽多彩。 一．通过链接实现对Flash的控制 为了使网页本身活动起来，我们在制作网页时往往会插入一些诸如FLASH的动画，那么有没有什么方法使浏览者在浏览时可以控制这些动画的运程呢？答案是有的！ 首先我们选中将要附加行为的对象，例如一段加有链接的文字。随后按下快捷键F8，单击行为面板上的"+"按钮，打开动作菜单，选择"control shckwave or flash"此时会弹出如图1的对话框。（当然在此之前你的网页中一定要已经插入了FLASH的动画，并对其命名）。从"movie"(动画)下拉菜单中选择将要控制的对象名称以及嵌入对象所使用的标记。再在"Action"(动作)区域选择所要实现的效果。 〃PLAY（播放）选择该项是当鼠标移动到链接上时播放动画。 〃STOP（停止）选择该项是当鼠标移动到链接上时停止动画的播放。〃REWIND（返回）选择该项是当鼠标移动到链接上时动画返回到最
前端。 〃GO TO FRAME(跳转) 选择该项是当鼠标移动到链接上时动画跳转到所指定位臵。并停 留在该位臵上。 设臵完后按快捷键F12，在浏览器中预览。怎么样这回FLASH听话了吧！ 二．可拖动的层 这个网页特效可以使浏览者通过鼠标的拖动来移动一个层，这样不但给了浏览者一定的 自主空间，同时在无形之中也给你的网页加入了一条亮丽的风景线。首先选中要拖动的层，按下快捷键F8，单击行为面板上的"+"，选择"Drag lager"（拖 动分层）命令，这时将弹出如图2的对话框。在lager下拉菜单中选择将要拖动的分层，在 "Movement"选择要拖动分层的移动方式。移动方式分为两种，一种是受限制的移动方式（constrained）,指可移动层只能在你所规定的范围内移动。你可在后方的文本框中定义可移动区域的位臵值，单位是像素。另外一种是不受限制的移动方式（Unconstrained）指可移动层可以在任意范围内移动。在"Drop Target"区域可设臵当前分层的移动，点击"Get Cunrrent Position"可获得当前分层的位臵。随后单击"OK"，按快捷键F12，在浏览器中预览，怎么样？刚才定
Dreamweaver dreamweaver行为面板（一） 1.调用JavaScript 1、选中要附加行为的对象用鼠标框选 2、打开动作菜单在“行为”面板上单击“＋”号钮，弹出动作菜单。 3、选择调用JavaScript单击“调用JavaScript”动作项目，弹出对话框。 4、输入函数名称在“JavaScript”文本框处，输入调用的函数及其参数。如：alert("这是用行为面板制作的警告信息框")。 5、选择其他事件根据需要，单击“行为”面板中事件旁的向下箭头，在弹出的事件菜单中选择。默认为单击onClick()。 2.改变属性 改变对象对应标记的相应属性值 1、选中要附加行为的对象用鼠标框选 2、打开动作菜单在“行为”面板上单击“＋”号钮，弹出动作菜单。 3、选择改变属性单击“改变属性”动作项目，弹出对话框。 4、选择对象类型单击“对象类型”下拉列表，选择所需类型，若是文本，则先要添加标记及名称，在代码中找到文本开始处，加上或，在结束处加上或。 5、选择命名的对象：单击“命名对象”下拉列表，选择所需的名称。 6、选择或输入属性：在“选择”下拉列表中选择要改变的属性，或在“输入”中输入要改变的属性。 7、输入新的值在“新的值”文本框中，输入要改变的值，确定。 8、选择其他事件根据需要，单击“行为”面板中事件旁的向下箭头，在弹出的事件菜单中选择。 3.检查浏览器 针对不同的浏览器，显示不同内容的网页，通常用于整个文档或链接中。 1、选中要附加行为的对象用鼠标选择链接或标记。 2、打开动作菜单在“行为”面板上单击“＋”号钮，弹出动作菜单。
Dreamweaver中JavaScript行为操作使用的总结 Dreamweaver中JavaScript行为操作使用的总结 一、在页面中附加JavaScript行为的方法 在Dreamweaver中，可以将行为附加到整个文档(即附加到标签)中，也可以附加到多个其它的HTML元素中。 1.打开文档，在文档窗口左下角的状态栏上点击标签或者点击要附加行为的其它对象。 2.点击“窗口”菜单，选择“行为”命令，打开行为面板。 3.在行为面板中，单击“添加行为”按钮，在快捷菜单中选中需要附加的动作。 4.选中一个动作后，会出现一个相关的对话框，来显示该动作的参数和说明。 5.在对话框中，为该动作输入参数，然后单击“确定”按钮关闭对话框。 6.在行为列表窗口中会显示添加的事件及其对应的动作。如果这不是所需要的触发事件，可以选择其它事件。 7.至此完成了在页面中选定对象添加JavaScript行为的步骤。 提示：可以为一个事件指定多个动作。动作会按照它们在“行为”面板的“动作”列中的排列顺序执行，当然，也可以修改这个排列 顺序。 二、修改或删除JavaScript行为 改变JavaScript行为的方法如下： 1.点击“窗口”菜单，选择“行为”命令，打开行为面板。
2.选择一个附加有JavaScript行为的对象或HTML元素。该JavaScript行为出现在行为面板中。 3.按照以下的方法进行操作： 如果要编辑动作的参数，用鼠标选中行为事件，双击行为名称或者先选取它然后按下键盘Enter键，可以打开行为参数对话框，修改好对话框中的'参数，点击“确定”按钮即可。 如果要改变事件的动作顺序，选取一个动作并点击“向上箭头或向下箭头”按钮即可。 如果要删除行为，选取它并点击“删除事件(一)”按钮，或者按键盘Delete键即可。 三、更新JavaScript行为 1.打开行为面板。 2.选择一个附加有JavaScript行为的对象或HTML元素。 3.在行为面板中双击行为名称。 4.在行为对话框中进行所需要的更改，然后单击“确定”按钮。 在此页面中所有附加该行为的对象都将得到更新。如果站点中的其它页面上也包含该行为，则必须逐页更新这些行为。 四、下载和安装第三方JavaScript行为 1.打开行为面板，点击“添加行为”按钮。 2.在下拉菜单中点击“获取更多行为”命令，打开Exchange(扩展)站点。 3.浏览或搜索扩展包。 4.下载并安装需要的扩展包。
《网页设计与制作——Dreamweaver8》期末模拟试题一 一、选择题 1、打开Dreamweaver 8窗口后，如果没有出现属性面板。可执行_______菜单中的“属性”命令将其打开。 A、插入 B、修改 C、窗口 D、命令 2．在站点中建立一个文件，他的扩展名应是_______。 A、DOC B、PPT C、XLS D、HTM 3．设置一个没有超链接功能的图像变化（即当鼠标指向页面中的图像时显示另外的图像，当鼠标离开页面中的图像时显示原图像），应使用Dreamweaver 8的_______功能。 A、导航图像 B、翻转图像 C、轮换图像 D、预载图像 4．在_______文本框中输入数据后，数据以*号显示。 A、单行文本框 B、多行文本框 C、数值文本框 D、密码文本框 5．按住_______键的同时拖拽鼠标绘制直线，可以绘制水平、垂直或增量为45度角的直线。 A、Ctrl B、Alt C、Shift D、Ctrl+Shift 6、网站首页的名字通常是（） A、Index.htm B、Index.html C、WWW D、A或B 7、在Dreamweaver网页设计中，关于框架的说法正确的是：（） A、框架将浏览窗口划分为若干区域，分别显示一个网页的不同部分。 B、单击名字为“Insert Left Frame”的图标，可以将一个框架拆分为上下两部分。 C、通过按下鼠标左键进行拖动，可以直接改变框架高度。 D、框架之间不能实现链接。 8、利用Dreamweaver8中的（）技术，可以让网页上的内容随心所欲地放置在任何位置上。 A、表单（Forms） B、框架（Frames） C、层（Layer） D、图像（Image）
中国计算机函授学院 《Dreamweaver MX》考试试卷 学号：______________ 姓名：______________ 成绩：______________ 一、单项选择题（每题2分，共20分） 1.Dreamweaver中，欲打开您已经建立的站点库应选( )。 A) Ctrl+ Shift+ O B) Ctrl+ O C) Ctrl+ W D) Ctrl+ S 2.在用Dreamweaver制作网页时要重复执行刚刚用的命令应选( )。 A) Ctrl+F B) Ctrl+U C) Ctrl+y D) Ctrl+E 3.Dreamweaver检索当前文档的快捷操作是( )。 A) Ctrl+Shift+C B) Ctrl+Shift+V C) Ctrl+F D) F3 4.HTML的颜色属性值中，Black的代码是( )。 A) "#000000" B) "#008000" C) "#C0C0C0" D) "#00FF00" 5.Dreamweaver打开帧面板的快捷操作是( )。 A) F11 B) Shift +F2 C) Ctrl+F11 D) F4 6.以下关于能不能在Dreamweaver中给按钮加声音的廉洁中正确的是( )。 A) 不行 B) 要加入Flash插件才行 C) 可以直接加 D) Dreamweaver 2.0不能 7.设置水平线高度的HTML代码是( )。 A)
DW中的行为事件翻译： 一般事件 onClick 鼠标点击时触发此事件 ondblclick 鼠标双击时触发此事件 onmousedown 按下鼠标时触发此事件 onmouseup 鼠标按下后松开鼠标时触发此事件 onmouseover 当鼠标移动到某对象范围的上方时触发此事件 onmousemove 鼠标移动时触发此事件 onmouseout 当鼠标离开某对象范围时触发此事件 onkeypress 当键盘上的某个键被按下并且释放时触发此事件. onkeydown 当键盘上某个按键被按下时触发此事件 onkeyup 当键盘上某个按键被按放开时触发此事件 页面相关事件 onabort 图片在下载时被用户中断 onbeforeunload 当前页面的内容将要被改变时触发此事件 onerror 出现错误时触发此事件 onload 页面内容完成时触发此事件 onmove 浏览器的窗口被移动时触发此事件 onresize 当浏览器的窗口大小被改变时触发此事件 onscroll 浏览器的滚动条位置发生变化时触发此事件 onstop 浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断onunload 当前页面将被改变时触发此事件 表单相关事件 onblur IE3、N2 当前元素失去焦点时触发此事件 onchange IE3、N2 当前元素失去焦点并且元素的内容发生改变而触发此事件onfocus IE3 、N2 当某个元素获得焦点时触发此事件 onreset IE4 、N3 当表单中RESET的属性被激发时触发此事件 onsubmit IE3 、N2 一个表单被递交时触发此事件 滚动字幕事件 onbounce IE4、N 在Marquee内的内容移动至Marquee显示范围之外时触发此事件onfinish IE4、N 当Marquee元素完成需要显示的内容后触发此事件 onstart IE4、N 当Marquee元素开始显示内容时触发此事件
Dreamweaver教程：行为事件 行为是实现网页上交互的一种捷径，Dreamweaver MX 2004 行为将javascript 代码放置在文档中，以允许访问者与Web 页进行交互，从而以多种方式更改页面动作或执行某些任务。行为是事件和由该事件触发的动作的组合。 下面我们来学习行为的用法。现在，举个例子加以说明。看下图，光标移到图片上面。在它的右侧即显示一段其它内容（动画）。请您用鼠标测试，然后，我们来分析一下这个过程。 请您操作鼠标在花上移入移出 这是两个行为：行为一：移入+显示；行为二：移出+隐藏。 事件是：鼠标移入和移出。动作是：显示和隐藏。 具体操作如下： 1、在页面中插入一张图片，本例为菊花图片。 2、在页面中插入一个层，贴入几个动画小人。如下图： 在层面板中，将该层设置成为隐藏。打开页面的时候不显示。层面板状态，如下图： 3、单击图片，打开行为面板（「窗口」菜单＞行为）。在行为面板按“+”号，在弹出菜单中选中显示-隐藏层，如下图：
系统弹出显示－隐藏层对话框。单击该层，然后单击“隐藏”按钮。确定。 打开“行为”面板，如下图：
4、我们可以在面板中看到事件和行为。需进一步对事件进行设置。单击“onLoad”，在下拉菜单中选择“onMouseOut”，如下图： 4、上述方法是鼠标移出事件行为的设置，重复以上方法再对鼠标移上事件行为进行设置，把显示－隐藏层设为（显示），如下图： 行为事件设置，如下图：
设置后的“行为”面板最终结果，如下图： 5、保存页面，预览网页。可以看到光标移动到菊花图片上就出现右侧的内容。下面给出一些常见事件的一些解释 onClick 单击 onDbclick 双击 onKeypress按键 onMouseDown鼠标按下 onMouseOut鼠标移出 onMouseOver鼠标移上 onMouseUp鼠标抬起。 行为是一个很有用的交互手段。由于行为的门类繁多，也较复杂。
Dreamweaver CS5改变元素属性行为 在Dreamweaver CS5中使用“改变属性”行为可以更改页面元素的属性值。一、Dreamweaver CS5改变元素属性行为1. 选择一个页面元素或者对象。2. 打开行为面板。3. 点击“添加行为（+）”按钮，在弹出的下拉菜单中选择“改变属性”命令。如下图所示：4. 打开“改变属性”对话框，如下图所示：·元素类型：选择要改变属性的元素。 ·元素ID：选择的元素如果有ID，会在此处自动显示出来。如果没有ID，请阅读“HTML4.01id属性”添加ID后，再重新填写“改变属性”对话框。 ·属性：可以选择一个要改变的属性名称，也可以输入一个要改变的属性名称。 ·新的值：为属性输入一个新值。 5. 点击“确定”按钮。源代码如下：<html> <head> <title>Dreamweaver CS5改变元素属性行为示例 https://www.doczj.com/doc/5e18505391.html,</title> <script type="text/javascript"> function MM_changeProp(objId,x,theProp,theValue) { //v9.0 var obj = null; with (document){ if (getElementById)
obj = getElementById(objId); } if (obj){ if (theValue == true || theValue == false) eval("obj.style."+theProp+"="+theValue); else eval("obj.style."+theProp+"='"+theValue+"'"); } } </script> </head> <body> <h1>Dreamweaver CS5改变元素属性行为示例 </h1> <p id="p1" onmouseover="MM_changeProp('p1','','backgroundColor',' red','P')">...</p> </body> </html>6. 查看附加的事件是否是需要的事件。如果不是需要的事件，可以更改事件。请阅读选择不同的事件。7. 查看行为参数是否合适。如果不合适，也可以修改行为参数。
Dreamweaver转到URL行为 “转到 URL”行为可以让用户在当前窗口或者指定框架中打开一个新页面。不仅可以由不同的事件来执行，而且对于一次改变两个或两个以上框架的内容特别有用。 一、Dreamweaver CS5转到URL行为 1. 选择一个页面元素或者对象。 2. 打开行为面板。 3. 点击“添加行为(+)”按钮，在弹出的下拉菜单中选择“转到 URL”命令。如下图所示： 图1 在行为面板中选择“转到 URL”命令 4. 打开“转到 URL”对话框，如下图所示： 图2 “转到 URL”对话框 打开在：为URL选择一个目的窗口。 URL：直接输入一个URL地址，或者单击“浏览”按钮选取一个要打开的文档。 5. 单击“确定”按钮。 6. 查看附加的事件是否是需要的事件。如果不是需要的事件，可以更改事件。 7. 查看行为参数是否合适。如果不合适，也可以修改行为参数。 二、Dreamweaver CS5转到多个URL行为 1. 选择一个页面元素或者对象。 2. 打开行为面板。 3. 点击“添加行为(+)”按钮，在弹出的下拉菜单中选择“转到 URL”命令。 4. 打开“转到 URL”对话框，如下图所示：
图3 “转到 URL”对话框二 5. 参照图2对话框的方法选择“框架"mainFrame"”，输入URL，如下图所示： 图4 选择“框架"mainFrame"” 选择“框架"rightFrame"”，输入URL，如下图所示： 图5 选择“框架"rightFrame"” 提示：URL地址可以相同，也可以不同。 6. 单击“确定”按钮。 7. 查看附加的事件是否是需要的事件。如果不是需要的事件，可以更改事件。 8. 查看行为参数是否合适。如果不合适，也可以修改行为参数。
打开浏览窗口：可以打开一个小窗口（和网上的弹出窗口一样）； 弹出信息：可以弹出一条警告信息； 调用JavaScript：调用网页中包含的Javascript程序； 交换图像：实际上是交换图像； 更改办容：可以改变已经插入的层的内容； 恢复交换图像：把已经交换的图像恢复过来； 检测插件：可以检测访问者的浏览器是否己安装浏览网页所必须的插件； 检测浏览器：检测访问者使用的是什么类型的浏览器；检查表单：检验网页中的表单是否合法； 转到URL：跳转到其它页面； 设置文字：在特定的地方显示文字； 显示或隐藏层：设置图层的显示或隐藏； 跳转菜单：插入跳转导航菜单； 跳转菜单开始：控制导航菜单跳到哪个页面； 拖动层：设定图层是否允许拖动； 预先载入图像：在网页装载前先预先载入图像； 设置文本 “设置层文本”行为 “设置层文本”行为可以用指定的内容替换现有层的内容和格式设置，但将保留层的属性，包括颜色。该内容可以包括任何有效的HTML源代码。 “设置框架文本”行为 “设置框架文本”行为可以动态设置框架的文本，用指定的内容替换框架的内容和格式设置。该内容可以包含任何有效的HTML源代码。使用此行为可以动态显示信息。 “设置文本域文本”行为 “设置文本域文字”行为可以用指定的内容替换表单文本域的内容。 “设置状态栏文本”行为 “设置状态栏文本”行为可在浏览器窗口底部左侧的状态栏中显示消息。如可以使用此行为在状态栏中说明链接的目标而不是显示链接的URL。 在进行网页编辑时，用HTML代码并不能实现对网页状态栏的编辑。实际上，浏览器的状态栏是可以更改的，JavaScript编辑的方法可以改变浏览器的状态栏。Dreamweaver也提供了方便的设置状态栏的行为。打开浏览器窗口 打开一个新的浏览器窗口，在其中显示所指定的内容，网页设计者可指定该新窗口尺寸、是否可调节大小、是否有菜单等属性。 交换图像 “交换图像”行为可将一个图像替换为另一个图像，这是通过更改“scr”属性来实现的，此动作一般用来创建翻转按钮以及同时替换多个图片。 恢复交换图像 “恢复交换图像”行为用于将替换的图像恢复为原始的图像文件。 改变属性 “改变属性”行为用于改变网页元素的属性值。 检查浏览器 “检查浏览器”行为是为了根据浏览者使用的浏览器版本的不同来决定访问的不同网页，以提高网页的兼容性。可将此行为添加到与任何浏览器都兼容页面的＜body＞标签上，也可以将此行为添加到一个空链接上， 并让该行为