Dreamweaver的行为事件(2)_Dreamweaver教程

五．变换图象
这个特效可以使图象随鼠标变化。当你的鼠标移动到一个图片上时该图就会变为另外一幅图片。这样可以生动的体现出图片链接的内容。
首先我们预备好两张大小完全相同的图片，将其中一张（图象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在浏览器中预览！

八．使网页背景随时间变化（插件）
这个插件可以使你的网页的背景随时间逐渐的变化。下载地址为：
http://nic.shtel.net.cn/hato/Dreamweaver/download/Dreamweaver_Plugnis/Behaviour/Behaviour/fade.zip
首先按照（六）的步骤将其安装至相应的目录内，然后启动Dreamweaver。按下快捷键F8键，单击行为面板上的" "，你会发现在行为菜单中会多出"Cross Browser Background Fade"（浏览器背景转换）选择该项，在弹出对话框的第一行文本框中输入网页启始背景颜色的相应代码，在第二行文本框中输入变化后颜色的代码。最后一行中输入整个变化过程所需要的时间，单位是秒。假如不进行设置系统默认的是由黑色变为白色，单位是一秒。好了可以在浏览器预览了！按下F12，看看效果吧！

九．网页右方滚动出现层
这个插件可以控制一个层，使其自动的从网页右方出现并向左移动。 下载地址为：
http://dream.zj.cninfo.net/dream/plugin/behaviors/wm_chg_link_bh.zip
首先仍然按照（六）的步骤将其正确安装至相应目录内，随后启动Dreamweaver。在网页中建立一个分层，并对其命名。为了可以更好的看到演示效果建议对该层定义背景颜色或加入相应背景。随后按下快捷键F8，单击行为面板上的" "，在弹出的菜单中就会多出"Cross Browser Emerge form Right"（从右方穿过浏览器）。选择该项，将弹出如图5的对话框。在上方的Layer文本框中选中刚才命名并加入背景的那个层。在下方的定义时间文本框中输入完成整个移动过程所需要的时间，单位是秒。在最后一行中输入该层将向左方移动的距离大小，单位是像素。设置完毕后单击"OK"。在浏览器中看看效果如何吧！