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(隐藏)就可以了。
发表回复