企业与个人网络营销一站式服务商
网站建设 / SEO优化排名 / 小程序开发 / OA
0731-88571521
136-3748-2004
网站建设中使用flash8和Dreamweaver制作弹出菜单
信息来源:   发布时间:2017-9-1   浏览:

1 网站建设用flash8和Dreamweaver制作弹出菜单

步骤1  新建一个名为“菜单1”、类型为“按钮”的元件。步骤2  绘制一个无边框、填充色为黄色的矩形。调整它的宽为80 px,高为18 px。步骤3   创建文字“内容一”,调整文字的大小、字体、颜色,并放在矩形中央。步骤4   用鼠标右键单击时间轴上的over帧插入关键帧,将填充色改为橙色。在down帧插入关键帧,将填充色改为绿色。步骤5  选择“窗口/库”命令打开库面板。在库中右键单击“菜单1”元件,选择“重复”命令复制新元件,将其改名为“菜单2”。双击“菜单2”元件,进入编辑状态,分别在up、over、down帧中将“内容一”改为“内容二”。用同样的方法制作“菜单3”“菜单4”。弹出菜单制作完成。

 

2 制作鼠标响应区域

步骤1  新建一个名为“鼠标响应区域”、类型为“按钮”的元件。在hit帧插入关键帧。

步骤2   绘制一个宽400 px,高150 px,填充色为任意色的矩形(因为hit帧中的内容不会显现在发布后的动画中[2])。可以将此按钮拖拽到scene(场景)中,按Ctrl+Enter进行预览,虽看不到按钮,但鼠标移动到此按钮的区域内时会出现手形。

3 组合主菜单和弹出菜单

步骤1  新建一个名为“按钮组合”、类型为“影片剪辑”的元件。从library(库)中将“主菜单”元件拖拽到layer1,调整它的位置使其最右端与舞台中心点对齐,中心轴与舞台中心轴重合。

步骤2  为第2帧插入关键帧,并且在1、2帧上都加上actionscript(动作):“stop(); ”。回到第1帧,在舞台上单击“主菜单”元件,在动作面板中输入:on (rollOver) {gotoAndStop (2);}意为:当鼠标移动到按钮上时开始播放第2帧。

步骤3   新建layer2,处于layer1之下。从库中拖拽“菜单1”“菜单2”“菜单3”“菜单4”元件到layer2的第2帧上,并如图5排列。

步骤4  选中“菜单1”元件,在属性面板中选择“跟踪按钮”选项。在actions面板中输入:on (release) {getURL(“ “);}意为:当鼠标按下时,跳转到链接网站建设页面。

步骤5  用同样的方法设置“菜单2”“菜单3”“菜单4”元件以及在动作面板中输入相应的actions。

步骤6  新建layer3,位于layer2之下,在第2帧插入关键帧,从库中将“鼠标响应区域”元件拖拽到舞台居中的位置(如图6)。单击“鼠标响应区域”元件,在动作面板中输入:on (rollOver) {gotoAndStop (1);}意为:当鼠标移动到“鼠标响应区域”按钮上时,跳转并停止在第1帧。

4 测试  在“场景1”中,将库中“按钮组合”元件拖拽到图层1,调整其位置,并可适当调整大小。由于Flash采用矢量技术,因此调整大小不会失真。最终效果是将鼠标移动到“学习内容”按钮上就出现手形,同时出现4个弹出菜单;将鼠标移动到弹出菜单上也会出现相应的变化,单击即跳转到链接页面。

通过上面介绍的2种方法,可以很轻松地制作出网页菜单中的下拉菜单,简洁、方便、实用。2种方法对比:Dreamweaver制作下拉菜单的方法更简单、快捷,但下拉菜单的外观形式受到限制,不能有更多的变化;Flash制作下拉菜单的方法复杂一些,但下拉菜单的外观形式可以有各式各样的变化。另外还有一点值得注意:在Dreamweaver中应用Show Pop-up Menu行为的主菜单必须设定假链接(#);

并不是所有的网页浏览器都支持Flash的swf文件格式,需要有插件才能正常使用。大家可以在网站建设中各取所需,制作出适合网页风格的下拉菜单。





上一条: 使用Dreamweaver和Flash在制作网页下拉菜单
下一条: 客观研究高校门户网站建设中出现的问题
案例鉴赏
多年的网站建设经验,斌网网络不断提升技术设计服务水平,迎合搜索引擎优化规则
网络营销
多年的网站建设经验,网至普不断提升技术设计服务水平,迎合搜索引擎优化规则
长沙私人做网站    长沙做网站    深圳网站建设    株洲做网站    东莞做网站    南京防腐木    湖南大拇指养猪设备    株洲做网站    
版权所有 © 长沙市天心区斌网网络技术服务部    湘公网安备 43010302000270号  统一社会信用代码:92430103MA4LAMB24R  网站ICP备案号:湘ICP备13006070号-2