当前位置:首页 > 设计在线 > 平面动画 > Firework > Fireworks打造滑动菜单教程

Fireworks打造滑动菜单教程

点击次数:54 次 发布日期:2008-11-22 11:21:06 作者:源代码网
源代码网推荐

先看下最后效果:

Fireworks打造滑动菜单教程(图一)

     

    点击查看完整大图

    html 效果

    1、打开FW 8.0 (我用的是8.0,当然其它版本也是可以的了)

    2、新建一个稳当大小760X400

    3、用矩形工具画一个渐变的矩形,这里这个矩形是要做为导航条的背景,所以你可以调配自己喜欢的颜色。

    Fireworks打造滑动菜单教程(图二)

    4、然后我用直线工具画了两条线见下图,做为分隔线来用。

    Fireworks打造滑动菜单教程(图三)

    5、然后按住Shift+G把这两条线组合成对象,复制这个对象,从窗口对齐面板最后见下图:

    Fireworks打造滑动菜单教程(图四)
    点击查看完整大图

    6、呵呵下来这几部就比较关键了,按下快捷键Ctrl+f8,调出新建元件窗口选择“按钮”

    Fireworks打造滑动菜单教程(图五)

    如果你看见这个对话框那么你这步是正确的的了。

    源代码网供稿.
    网友评论 (0)
    会员中心
    设计在线
    本站推荐
    设计在线之精华