先看下最后效果:

Fireworks打造滑動菜單教程
點擊查看完整大圖

html 效果

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

2、新建一個穩(wěn)當大小760X400

3、用矩形工具畫一個漸變的矩形,這里這個矩形是要做為導航條的背景,所以你可以調配自己喜歡的顏色。

Fireworks打造滑動菜單教程

4、然后我用直線工具畫了兩條線見下圖,做為分隔線來用。

Fireworks打造滑動菜單教程

5、然后按住Shift+G把這兩條線組合成對象,復制這個對象,從窗口對齊面板最后見下圖:

Fireworks打造滑動菜單教程
點擊查看完整大圖

6、呵呵下來這幾部就比較關鍵了,按下快捷鍵Ctrl+f8,調出新建元件窗口選擇“按鈕”

Fireworks打造滑動菜單教程

如果你看見這個對話框那么你這步是正確的的了。

標簽:調色

相關文章

隨機推薦