Dreamweaver中制做主题活动菜一条实际效果的方式

日期:2021-03-19 类型:科技新闻 

关键词:秀米制作h5,h5如何制作,h5小游戏制作,h5游戏开发,免费的h5制作网站

第1步:制做菜单容貌
    在Dreamweaer 中新建1个文档,绘图1个层,在该层中插进1个报表(如图1),对该报表开展装饰,随后添加菜单项并创建各项的超连接,以便去掉超连接的下划线,能够编写超连接的CSS款式,在CSS款式面板中根据CSS挑选器将“Link”和“Hover”的“Decoration(装饰设计)”均设定为 “None(无)”,将“Hover”的“Color(色调)”设定为鲜红色,最终将设定好的款式运用到各个菜一条中(可按“F12”键预览实际效果)。

 
    第2步:设计方案菜单的动态性实际效果
    1、选定层面,当电脑鼠标变为“10”字形时按住左键将层面拖拽到网页页面右上角(使全部菜一条彻底露出但上边沿恰好靠拢网页页面上界限),在对话框菜单中开启時间线面板,选定层面将其拖拽到時间网上,Dreamweaer会全自动造成1个长度为15帧的动漫目标,拖拽该动漫目标的最终1个重要帧到第30帧,将其长度设定为30帧。随后在第15帧处点击右键,在弹出的便捷菜单选中择“加上重要帧”选项插进1个重要帧,并将层面拖拽到适度部位(如图2)。
 

 
    在時间线对话框中的第15帧处再度点击右键,在弹出的便捷菜单选中择“加上姿势”,为该帧加上1个互动个人行为,Dreamweaer将全自动开启个人行为面板。点击个人行为面板中的“+”按钮,从弹出的菜单选中择“Timeline/Stop Timeline”,开启“Stop Timeline”会话框,挑选“Timeline1”后点击“明确”按钮关掉该会话框。互动个人行为的恶性事件为“onFrame15”,姿势为“Stop Timeline”,这样那时候间线运作到第15帧时,动漫将终止播发,这样就完成了菜一条弹回的作用。
 
    2、用一样的方式在時间线的第30帧处也加上1个“Stop Timeline”的互动个人行为,这样就完成了菜单弹出的作用。加上了这两个互动个人行为后,在時间线对话框的相应帧上面都出現了1个蓝色方块,它意味着1个互动个人行为。挑选“全自动播发和循环系统”复选框,使动漫可以全自动循环系统播发(如图3)。
 

 
    3、如今还要设定1个个人行为让時间线终止后能再次播发。我的构想是这样的:在1般情况下菜一条弹回但仅保存正下方的“校园内大观”字样,而菜一条再度弹出和弹回则由电脑鼠标是不是历经了菜一条上的“校园内大观”来操纵。这般能够这样再次开展:选定菜一条中的“校园内大观”(要保证该字样的超连接详细地址为“#”,即空连接)字样,点击个人行为面板中的“+”按钮,在弹出的菜单选中择“Timeline/Play Timeline”,在接着弹出的会话框选中择“Timeline1”后点击明确按钮,这时候个人行为面板中将提升1个个人行为,在其“Events”往下拉目录选中择“onMouseOver”恶性事件,表明当电脑鼠标处在该字样上方时播发动漫(如图4)。
 

 
    1个主题活动菜一条制做进行了。能够按“F12”键预览其实际效果。