国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 辦公 > Fireworks > 正文

在Fireworks中實現復雜的圖像交互

2024-09-11 13:32:17
字體:
來源:轉載
供稿:網友
  圖像交互技術在網頁制作當中被廣泛的應用于按鈕效果和圖像展示當中。即當鼠標指向網頁中的某一圖像時,會觸發另一圖像的顯示。下面就讓我們來看一下具體的操作過程。

效果預覽

 點擊這里在新窗口中預覽。

  啟動fw后可新建一個如網頁般大小的畫布。然后用繪圖工具隨意畫上三個矩形按鈕,并在按鈕上輸入相關的文字內容。當然,你也可以使用各類工具繪制出更加美觀的按鈕。在此我在三個按鈕上分別輸入“手機”、“攝像機”和“隨身聽”的字樣。然后把每個按鈕的對象及文字選中后使用“修改—組合”命令,使這三個按鈕成為三個各自獨立的組合對象。接著可按網頁制作時的需要,將這三個按鈕進行排列對齊。

  把這三個按鈕全部選中,并在任意一個按鈕上點擊鼠標右鍵,然后從彈出菜單中選擇“插入切片”項。這時會彈出一個提示窗口,可直接點擊“多重”按鈕。這樣,就為這三個按鈕建立了導出切片。如圖01。

圖01
  點擊“幀”面板右下角中的“添加幀”按鈕,新建三個空白幀。如圖02。

圖02
  然后在第2幀中繪制或導入一張與手機相關的圖片,放置在合適的位置后,在該圖片上點擊鼠標右鍵,從彈出菜單中選擇“插入切片”項。同樣的,在第3和第4幀中也分別導入一張用于與“攝像機”和“隨身聽”按鈕進行交互的圖像,然后都為圖像建立導出切片。如圖03。

圖03

  點選“手機”按鈕的切片,然后用鼠標左鍵按住該切片中間的圓形控制圖示不放,拖拽鼠標到與其進行圖像交換的切片上,這時在這兩個切片之間會出現一條藍色的鏈接曲線,如圖04。

圖04
  松開鼠標后會立即彈出一個“交換圖像”的設置窗口,在下拉菜單上選擇與“手機”按鈕切片進行交換的圖像所在的幀。在這里我們選擇“幀2”。如圖05。

圖05
  用相同的方法繼續為“攝像機”和“隨身聽”按鈕在“交換圖像”對話框中建立各自的圖像切片鏈接。完成后我們就可以按f12鍵在瀏覽器中查看了。怎么樣,效果還不錯吧!如圖06。

圖06
  最后通過“文件—導出”選項即可將制作的效果保存為網頁格式了。以后隨時隨地都可以打開來欣賞一番。  
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 舟山市| 安远县| 玛沁县| 德州市| 准格尔旗| 泸水县| 张家川| 天峨县| 炉霍县| 和政县| 郸城县| 隆子县| 若羌县| 乐清市| 于田县| 页游| 刚察县| 安顺市| 邛崃市| 石阡县| 灵璧县| 家居| 东莞市| 万载县| 洛川县| 灌云县| 澄城县| 凌源市| 从江县| 仁布县| 江北区| 肃南| 江达县| 双峰县| 万宁市| 阿尔山市| 玉屏| 福州市| 榆林市| 临夏县| 武山县|