除創建按鈕外,Fireworks 還能輕松創建 JavaScript 翻轉效果。滑鼠滑過按鈕除改變按鈕顯示狀態,還可改變頁面其他區域顯示,稱作 不相交翻轉。
加入引發翻轉的圖像
1. 開啟圖像。
2. Insert > Slice 給圖像加切片。
加入新幀
1. Frames 面板加新幀。
2. 選中新幀。
3. 矩形工具畫與一切片同大小長方形。
加上拖放 Behavior
1. 選中切片。
2. 點中切片中心 Behavior 控制手柄,指標變手形。
3. 按住手柄從中心向切片左上角拖動,出現藍線條,彈出窗口下拉選單選 Frame 2。
4. 點 Preview 標簽預覽翻轉效果。
創建不相交翻轉
1. 選中 Frame 2。
2. 文字工具輸入文字。
3. Insert > Slice 將文字變切片。
4. 點上方切片 Behavior 手柄拖向下方文字切片。
5. 彈出窗口彈出選單確定選中 Frame 2。
6. 建立不相交翻轉,滑鼠掠過上方圖像顯示下方文字。