豆丁微信公众号
君，已阅读到文档的结尾了呢~~
83 网站导航栏制作案例83 网
扫扫二维码，随身浏览文档
手机或平板扫扫即可继续访问
83 网站导航栏制作案例
举报该文档为侵权文档。
举报该文档含有违规或不良信息。
反馈该文档无法正常浏览。
举报该文档为重复文档。
推荐理由：
将文档分享至：
分享完整地址
文档地址：
粘贴到BBS或博客
flash地址：
支持嵌入FLASH地址的网站使用
html代码：
&embed src='http://www.docin.com/DocinViewer-4.swf' width='100%' height='600' type=application/x-shockwave-flash ALLOWFULLSCREEN='true' ALLOWSCRIPTACCESS='always'&&/embed&
450px*300px480px*400px650px*490px
支持嵌入HTML代码的网站使用
您的内容已经提交成功
您所提交的内容需要审核后才能发布，请您等待！
3秒自动关闭窗口使用Dreamweaver内置行为
Dreamweaver将一些常见的行为集成在工具中，可以在不需要编写JavaScript程序的情况璇生成各种网页特效。这些网页特效就是Dreamweaver的内置行为。
&行为（Behavior）：是在Dreamweaver中预置的JavaScript程序，由事件（event）和对应动作（actions）组成。它能实现用户与网页间的交互，通过某个动作来触发某项计划。如当用户在页面中将鼠标移动并单击某一个链接后，载入一幅图像，这就是产生了两个事件onMouseOver和onClick,同时触发了一个动作载入图像。
&事件（Events&）：浏览器都会提供一组事件，事件与动作相关联。当访问者与网页进行交互时，浏览器生成事件，但并非所有的事件都是交互的，如设置网页没10s自动重新载入。根据所选对象和在“显示事件”子菜单中指定的浏览器的不同，显示在“事件”下拉列表框中的事件将有所不同。
“设置层文本”行为&
“设置层文本”行为可以用指定的内容替换现有层的内容和格式设置，但将保留层的属性，包括颜色。该内容可以包括任何有效的HTML源代码。
“设置框架文本”行为
“设置框架文本”行为可以动态设置框架的文本，用指定的内容替换框架的内容和格式设置。该内容可以包含任何有效的HTML源代码。使用此行为可以动态显示信息。
“设置文本域文本”行为
“设置文本域文字”行为可以用指定的内容替换表单文本域的内容。
“设置状态栏文本”行为
“设置状态栏文本”行为可在浏览器窗口底部左侧的状态栏中显示消息。如可以使用此行为在状态栏中说明链接的目标而不是显示链接的URL。
在进行网页编辑时，用HTML代码并不能实现对网页状态栏的编辑。实际上，浏览器的状态栏是可以更改的，JavaScript编辑的方法可以改变浏览器的状态栏。Dreamweaver也提供了方便的设置状态栏的行为。
&播放声音&
“播放声音”行为用来播放声音和音乐文件，页面背景音乐和鼠标单击时的声音都可以用此行为设置。
打开浏览器窗口
打开一个新的浏览器窗口，在其中显示所指定的内容，网页设计者可指定该新窗口尺寸、是否可调节大小、是否有菜单等属性。
“交换图像”行为可将一个图像替换为另一个图像，这是通过更改“scr”属性来实现的，此动作一般用来创建翻转按钮以及同时替换多个图片。&
恢复交换图像
&“恢复交换图像”行为用于将替换的图像恢复为原始的图像文件。
&“改变属性”行为用于改变网页元素的属性值。
检查浏览器
&“检查浏览器”行为是为了根据浏览者使用的浏览器版本的不同来决定访问的不同网页，以提高网页的兼容性。可将此行为添加到与任何浏览器都兼容页面的＜body＞标签上，也可以将此行为添加到一个空链接上，并让该行为根据访问者浏览器的类型和版本确定链接的目标页面。
不同的浏览器或同一浏览器的不同版本，对网页的显示，对网站上某些程序的执行等内容可能会有所不同。于是，在设计网页时，有时需要针对不同的浏览器和不同版本的浏览器设计不同的网页。在加载网页时，网页会对不同的浏览器或版本进行判断，然后转跳到不同的网页上。Dreamweaver的自动生成JavaScript功能，可以方便地实现浏览器的检查和不同页面的转跳。
“检查插件”行为用于检查访问者的电脑中是否安装了特定的插件，而决定将浏览者带往不同的页面，如浏览者电脑中安装了Flash插件，那么就播放Flash给浏览者观看，如果没有安装，就直接将浏览者带往没有Flash的页面。&
“检查表单”行为用于检查指定文本域的内容，以确保用户输入了正确的数据类型。使用“onBlur”事件添加到文本域，可以在用户填写表单时对域进行检查，若使用“onSubmit”事件将其添加到表单，在用户提交表单时可同时对多个文本域进行检查。使用该行为可以防止表单提交到服务器后指定的文本域包含无效的数据。
在网页中提交表单时，应该对所提交的数据进行验证，这样可以提高数据交互的准确性，有利于用户与服务器进行数据交互。
数据验证有服务器验证和客户验证两种方式。服务器验证是服务器程序对用户提交的值进行各自判断，对不同的数据与浏览器进行不同的数据交互或进行不同的数据处理。但这种验证是用户与服务器进行数据交互的过程，会占用较大的服务器资源。如果网络速度不理想，这种数据验证的过程速度也不高。
更好的方法是用JavaScript编程的方法对表单进行浏览器数据验证，这需要进行各种数据验证的编程和响应过程。Dreamweaver提供了功能强大的浏览器数据验证的生成方式，用户并不需要进行编程就可以很好地完成浏览器数据的验证工作。下面是“检查表单”对话框中各项设置的含义：
值：用来设置这个字段是不是必须要填写。
可接受：一组单选按钮，如果选择这一个字段必须填写，则可以在这些单选按钮中设置这个字段值的判断。
1.任何东西：表示字段可以是不为空的任意内容。
2.数字：表示字段必须是一个数字。
3.电子邮件地址：表示字段必须是E-mail地址。
4.数字范围：表示字段必须是一个数字且必须在指定的范围内。
设置导航栏图像
“设置导航栏图像”行为用于将某个图像变为导航条图像，也可更改导航条中图像的显示和动作。使用“设置导航栏图像”行为，可以实现选择[插入]-[图像对象]-[导航条]菜单命令一样的功能。
选择“转到URL”行为可在当前窗口或指定框架内打开一个新的页面。此行为在一次单击改变两个或更多框架的内容时特别有用，它也可以在时间轴内被调用，在特定时间间隔后跳转到新的页面。
“时间轴”行为包括“播放时间轴”、“停止时间轴”和“转到时间轴帧”3项，通过链接或者按钮来控制时间轴动画的播放。
“弹出信息”行为将用于显示一个指定的JavaScript提示信息框。该提示信息是提供给浏览者信息的，浏览者不能做出选择，也不能控制信息框的外观，只有一个“确定”按钮，其外观取决于浏览器属性。
“拖动层”行为使网页中层的位置不再是固定不变的，而是可以随着浏览者的鼠标运动而运动，层在拖动过程中还可调用JavaScript代码或函数，从而实现一些特殊效果。
显示-隐藏层
“显示-隐藏层”行为用于改变一个或多个层的可见性。此行为可以用于交互时显示信息。如当鼠标光标滑过一个图像时，则显示该图像的相关信息，当鼠标光标离开这个图像时，提示信息则消失。&
弹出式菜单
“弹出式菜单”行为用于在网页中实现类似于Windows系统中菜单效果，在设计网页时可以把一个类别的页面都放在菜单中，这样就能从主页直接访问到需要的子页，以方便浏览者。
“跳转菜单”行为是用于修改已经创建好的跳转菜单。
如果网页中有很多链接，这些链接不需要直接显示在页面上就可以做出一个下拉跳转菜单，把链接放在一个下拉菜单中。选择下拉菜单中的选项以后，页面会自动跳转到这一个网页。跳转菜单也是用JavaScript编程实现的。可以借助Dreamweaver自动生成跳转菜单。（“插入”/“表单”/“跳转菜单”）
跳转菜单开始
“跳转菜单开始”行为与“跳转菜单”行为密切相关，“跳转菜单开始”行为允许将“前往”按钮和一个“跳转菜单”行为关联起来。
预先载入图像
在网页中包含了各种各样的图像，有些图像在网页被浏览器下载的时候不能被同时下载，要显示这些图片就需要再次发出下载指令，这样会影响浏览者的浏览。这时可使用“预先载入图像”行为先将这些图片载入到浏览器的缓存中，避免出现延迟。&
在导航条的图片交换，鼠标经过图像等网页交互时，有些图片需要预先载入。浏览器在打开网页时，虽然这些图片不会马上显示，但会根据用户的交互随时显示这些图片。预先载入图片可以缩短用户等待下载的事件。
在运行网页时，浏览器只是预先载入了所设置的图像，但在浏览器上并没有显示。其他的JavaScript可以调用这些载入的图像。在网页代码中，浏览器预先载入的图像时JavaScript实现的，打开网页中的代码时，&body&的onload事件调用预先载入图像函数。代码示例如下：
http-equiv="Content-Type" content="text/ charset=utf-8"
&&title&&/title&
type="text/javascript"&
MM_preloadImages() { //v3.0
d= if(d.images){ if(!d.MM_p) d.MM_p=new
i,j=d.MM_p.length,a=MM_preloadImages. for(i=0;
&if (a[i].indexOf("#")!=0){ d.MM_p[j]=new I
d.MM_p[j++].src=a[i];}}
&&/script&
onload="MM_preloadImages('1.png','2.png')"&
调用JavaScript&
“调用JavaScript”行为用于执行“行为”面板中某个特定事件时调用自己编写的JavaScript代码、函数。
控制Shockwave或Flash
“控制Shockwave或Flash”行为用来控制Macromedia Shockwave或Macromedia
Flash的播放、停止、重放或跳转到某一帧操作。
网页中的Flash动画在播放时，有时需要用户来控制播放的停止，前进，后退，继续播放等动作。除了用Flash动画上的按钮可以实现这些功能以外，也可以用Dreamweaver上面的标签功能自动生成JavaScript程序来实现对Flash动画的控制。
示例如下：
1.打开Dreamweaver，新建一个HTML网页；选择“插入”/“媒体”/“Flash命令”，在新建网页中插入一个Flash动画。然后在Flash的属性标签中设置该Flash的名称为myflash。
2.选择“插入”/“表单”/“按钮”命令，在网页中插入“播放”“停止”和“后退”三个按钮；在“动作”栏中选中“无”单选按钮，在单击事件时，网页并不发生表单提交动作，而是调用JavaScript实现Flash控制。
3.分别单击三个按钮，选择“窗口”/“行为”命令，打开“行为”标签，再在“行为”标签中单击“添加行为”工作，在弹出的菜单中选择“控制Shockwave或Flash”选项，分别给三个按钮添加一个行为。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。全国统一热线：400-028-5800028-
VPS SERVER
CLOUD HOST
欢迎光临西部数码，我们将竭诚为您提供最优质的服务！
菜鸟学用Dreamweaver MX 2004行为(6)交换图象
　　本站原创内容,转载请注明出处网页教学网。
　　交换图像
　　“交换图像”动作通过更改 img 标签的 src 属性将一个图像和另一个图像进行交换。使用此动作创建按钮鼠标经过图像和其它图像效果。插入鼠标经过图像会自动将一个“交换图像”行为添加到您的页中。
　　注意：因为只有 src 属性受此动作的影响，所以您应该换入一个与原图像具有相同尺寸（高度和宽度）的图像。否则....自己试试吧！
　　具体制作步骤：
　　1.选择“插入”--&&“图像”插入一个图像。选择图像，在属性检查器中，在最左边的文本框中为该图像输入一个名称。本例命名为：img1。如下图：
　　如果您未为图像命名，“交换图像”动作仍将起作用；建议大家学习时将所有插入的图像都预先命名，则在“交换图像”对话框中就更容易区分它们。
　　2.选择一个对象（通常是您将交换的图像）并打开“行为”面板。
　　3.单击加号 ( ) 按钮并从弹出菜单中选择“交换图像”。弹出交换图像对话框如下图：
　　4.从“图像”列表中，选择要更改的源图像。
　　5.单击“浏览”选择新图像文件，或在“设定源文件为”文本框中输入新图像的路径和文件名。
　　6.选择“预先载入图像”选项在载入页时将新图像载入到浏览器的缓存中。
　　单击“确定”。点击F12预览。
　　相应的在代码视图中增加的代码，我们可以熟悉一下：
（图片较大，请拉动滚动条观看）
版权申明：本站文章均来自网络，如有侵权，请联系028-0
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有。
服务器技术
官方网址: west.cn
西部数码.cn
CopyRight & &西部数码&版权所有
电话总机：028- (20线)
400电话： 400-028-5800
采购邮箱：您的位置：
精品软件课程
Adobe Flash，是Macromedi...
MySQL是一个小型关系型数据库管理系统，被...
PHP是一种 HTML 内嵌式的语言，是一种...
HTML的中文叫做“超文本标记语言”。是用来...
Dreamweaver是网页制作和管理的所见...
JavaScript是基于对象和事件驱动并具...
小游戏推荐
出处：百科369
人气：4832
您可能感兴趣的话题：
核心提示：&交换图像&行为通过改变&img&标签的src属性将一幅图像替换成为另外一幅图像。使用此行为可以创建鼠标经过按钮的效果以及其它图像效果，也可以一次交换多幅图像。
　　“交换图像”行为通过改变&img&标签的src属性将一幅图像替换成为另外一幅图像。使用此行为可以创建鼠标经过按钮的效果以及其它图像效果，也可以一次交换多幅图像。
　　一、Dreamweaver交换图像行为
　　1. 在文档中插入图像。
　　2. 在属性面板的“ID”文本框中输入图像的ID。
　　3. 重复第1步和第2步插入其它图像。
　　4. 选择一个要交换的图像。
　　5. 打开行为面板。
　　6. 点击“添加行为（+）”按钮，在弹出的下拉菜单中选择“交换图像”命令，如下图所示：
　　7. 打开“交换图像”对话框，如下图所示：
　　图像：选择一个需要改变其源文件的图像。
　　设定原始档为：输入新图像的文件路径和名称，或者点击“浏览”按钮选取一个新的图像文件。
　　预先载入图像：选择此项可以将新图像预先加载到浏览器缓存中，防止图像延迟。
　　8. 在“交换图像”对话框中再设置“图像 "img1"”，如下图所示：
　　提示：对于所有需要更改的其它图像重复第8步即可，同时对于所有需要更改的图像都要使用相同的“交换图像”动作，就是在“交换图像”对话框中的设置都要一样，否则，相应的“恢复交换图像”动作就不能全部恢复它们。
　　9. 单击“确定”按钮。
　　10. 查看附加的事件是否是需要的事件，如下图所示：
　　如果不是需要的事件，可以更改事件。
　　11. 查看行为参数是否合适。如果不合适，也可以修改行为参数。
相关教程推荐
相关软件推荐