Dreamweaver的行为事件

2008-02-23 06:20:36来源：互联网阅读 ()

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的行为事件所提供的另外一项功能解决这个问题。
首先我们假设要对一个链接进行说明，用鼠标选定该链接按下快捷键F8，单击行为面板中的" "按钮，在弹出的菜单中选择"POP Message"（弹出信息）。随后在弹出对话框中的Message文本框里输入说明的内容，单击"OK"。按下F12键在浏览器中预览。当您的鼠标移动到该链接上时就会弹出信息对话框，对话框中就是您刚才所输入的内容。

四．弹出菜单
我们在浏览别人的网页时经常会碰到当您的鼠标移动到一个链接上时就会弹出一个菜单；而您的鼠标离开时该菜单又会自动的隐藏，这个网页特效在Fontpage中要加入四段代码才能够实现，很的麻烦。但在Dreamweaver中我们能够运用行为事件中的显示-隐藏-分层轻松搞定。
首先建立一个分层对其命名并将其配置为隐藏的形式，随后选中一段有链接的文字，单击行为面板上的" "，在弹出菜单中选择"show-hide-layer"(显示-隐藏-分层)。此时会弹出如图3的对话框。在Name layers文本框中显示的是当前页面中的任何分层，选定您刚才命名并隐藏的分层，点击下方的Show(显示)按钮。"OK"能够在浏览器中预览了，将您的鼠标移动到您附加行为的链接上时，就会显示出刚才隐藏的那个分层了。同时应用这个网页特效您也能够使一个本来存在的分层消失，只要在定义分层属性的时候选择Hide(隐藏)就能够了。

五．变换图象
这个特效能够使图象随鼠标变化。当您的鼠标移动到一个图片上时该图就会变为另外一幅图片。这样能够生动的体现出图片链接的内容。
首先我们准备好两张大小完全相同的图片，将其中一张（图象1）插入到网页之中，并对其命名。这张图是准备在网页中直接显示的，选中他按下快捷键F8，点击行为面板上的" "，选择弹出菜单中的"Swap Image"（替换图象）。此时会弹出如图4的对话框。在"Image"文本框中会显示出当前页面中的任何图象。选中刚才命名的图象点击"Set Source to"文本框右方的"Browse"，加入另一张事先准备好的图象（图象2）。假如您希望在浏览时当鼠标离开图象2时图象仍可恢复成原来状态，则在下方的"Restore Image onMouseOut"前打勾。"OK"大功告成，按下F12，在浏览器中预览。效果如何，满意吗？

六．创建自动加入收藏夹功能。（插件）
`最近我在网上找到了一个插件(Add Favourite)，通过这个插件能够使您的网页在每次显示时都自动提醒浏览者将您的主页放入收藏夹。虽然这样做会很烦人，但是对于提高您的浏览量还是有一定的帮助的。该插件下载地址为：
http://dream.zj.cninfo.net/dream/plugin/behaviors/IEAddFavourite.zip
下载后解压至…\Dreamweaver\configuration\Behaviors\actions\下，启动Dreamweaver。相应的在行为菜单中就会出现"IE Add Favourito"（添加收藏）。选择该项就会弹出相应的对话框。只要在TITLE IN文本框中输入收藏您的网站时电脑默认的名字就能够了。单击"OK"，按F12预览一下，怎么样？

七．逐渐缩小的层（插件）
最近还找到了另外的一个插件，其效果是使一个层从四周向中间逐渐的缩小，最后消失。（Division in）该插件下载链接为：
http://nic.shtle.net.cn/hato/Dreamteam/download/Dreamweaver_plugnis/Behaviour/Behaviour/division.zip
下面我就向大家介绍一下这个插件的使用方法。首先按照（六）的步骤将其安装到相应的目录内，启动Dreamweaver。建立一个分层并对其命名，为了能够看出演示效果最好对这个分层定义背景颜色或背景。按下快捷键F8，单击行为面板上的" "，这时在行为菜单中会多出"Transition:Division in"（缩小分层）选项。在所弹出对话框的第一行文本框中输入刚才定义的分层的名字，在第二行文本框中输入您希望分层从缩小开始到完全消失所需要的时间，单位是秒。配置完毕后单击"OK"，按下F12在浏览器中预览！

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有