当前位置：首页 -> 网页设计 -> DREAMWEAVER -> 自己动手制作活动菜单条

自己动手制作活动菜单条

时间： 2021-07-31 作者：daque

　　用qq聊过天的伙伴都对它的机动湮没窗口功效手不释卷，它不妨使窗口显得分明干净并且富裕动感，笔者的几个伙伴都想在本人的网页中介入一致的东东，过程共通探求创造用dreamweaer 就不妨实行这种功效，底下咱们经过一个震动菜单条的创造来看看吧。

自己动手制作活动菜单条图1

　　第1步：创造菜单表面

　　在dreamweaer 中兴建一个文献，绘制一个层，在该层中插入一个表格（如图1），对该表格举行化装，而后介入菜单项并创造各项的超链接，为了去掉超链接的下划线，不妨编纂超链接的css款式，在css款式面板中经过css采用器将“link”和“hover”的“decoration（化妆）”均树立为“none（无）”，将“hover”的“color（脸色）”树立为赤色，结果将树立好的款式运用到各个菜单条中（可按“f12”键预览功效）。

自己动手制作活动菜单条图2

图1

　　第2步：安排菜单的动静功效　　1、选定层面，当鼠标形成“十”字形时按住左键将层面拖动到页面右上角（使所有菜单条实足露出但上边际凑巧逼近页面上边境），在窗口菜单中翻开功夫线面板，选定层面将其拖动到功夫线上，dreamweaer会机动爆发一个长度为15帧的动画东西，拖动该动画东西的结果一个要害帧到第30帧，将其长度树立为30帧。而后在第15帧处单击右键，在弹出的赶快菜单中采用“增添要害帧”选项插入一个要害帧，并将层面拖动到符合场所（如图2）。

自己动手制作活动菜单条图3

图2

　　在功夫线窗口中的第15帧处再次单击右键，在弹出的赶快菜单中采用“增添举措”，为该帧增添一个交互动作，dreamweaer将机动翻开动作面板。单击动作面板中的“+”按钮，从弹出的菜单中采用“timeline/stop timeline”，翻开“stop timeline”对话框，采用“timeline1”后单击“决定”按钮封闭该对话框。交互动作的事变为“onframe15”，动动作“stop timeline”，如许当功夫线运转到第15帧时，动画将遏止播放，如许就实行了菜单条弹回的功效。　　2、用同样的本领在功夫线的第30帧处也增添一个“stop timeline”的交互动作，如许就实行了菜单弹出的功效。增添了这两个交互动作后，在功夫线窗口的相映帧上头都展示了一个蓝色方块，它代办一个交互动作。采用“机动播放和轮回”复选框，使动画不妨机动轮回播放（如图3）。

图3

　　3、此刻还要树立一个动作让功夫线遏止后能连接播放。我的构想是如许的：在普遍状况下菜单条弹回但仅保留住方的“船坞大观”字样，而菜单条再次弹出和弹回则由鼠标能否过程了菜单条上的“船坞大观”来遏制。如许不妨如许连接举行：选定菜单条中的“船坞大观”（要保证该字样的超链接地方为“#”，即空链接）字样，单击动作面板中的“+”按钮，在弹出的菜单中采用“timeline/play timeline”，在接着弹出的对话框中采用“timeline1”后单击决定按钮，这时候动作面板中将减少一个动作，在其“events”下拉列表中采用“onmouseover”事变，表白当鼠标居于该字样上方时播放动画（如图4）。

图4　　至此，一个震动菜单条创造实行了。不妨按“f12”键预览其功效。　　但这个菜单条再有一点白壁微瑕的是，它的消逝必需在鼠标过程了菜单条下方的一定地区（本例中为“船坞大观”字样）时才行，要想在菜单条弹出后，只有把鼠标从该菜单条上移开即可使菜单消逝，大概就要借助fireworks或flash了，即使你有什么好本领，无妨来函和咱们一道交谈一下。

自己动手制作活动菜单条图4

自己动手制作活动菜单条

相关推荐

推荐下载

热门阅览

最新排行