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

首頁 > 網站 > 軟件應用 > 正文

如何在Dreamweaver中制作復雜交換圖像

2024-09-04 21:28:36
字體:
來源:轉載
供稿:網友

今天給大家介紹的是在Dreamweaver中制作出一列7個按鈕的圖片,并且在這一列的按鈕圖片的前面加上一個指針,我們要實現的效果是當我們在將鼠標移向某一個按鈕圖片的時候,這個按鈕上面的文字變換顏色。聽起來有點復雜?沒關系,跟著來實操一遍體會一下!

如何在Dreamweaver中制作復雜交換圖像

  制作原理

  交換圖像的制作原理是應用到Dreamweaver中的行為面板上的翻轉圖像(Swap image)這一個工具。將它設置成為當產生鼠標懸停在某一個按鈕圖片的動作的時候,讓按鈕本身實現一個圖像的交換(交換成為黃色文字的圖片),與此同時設計指針圖像的交換(交換成為指針指向當前按鈕的指針圖片),以實現上述效果的實現。

  其實網頁上的一些東西看起來似乎很神秘,可究其根源它也只不過是幾張圖片或幾個圖層的簡單變化而已。

  制作材料

  這里演示的是7張按鈕圖片的翻轉,所以,我們需要14張按鈕圖片和7張指針圖片共21張圖片的制作來實現所示效果。其中7張前臺按鈕圖片分別命名為B1-1~B1-7,7張后臺按鈕圖片分別命名為B2-1~B2-7,其中7張指針圖片分別命名為Z1~Z7,它們的指針分別指向第一到第七個按鈕。您可以用Fireworks等圖片制作軟件來制作按鈕圖片。

  制作方法步驟

  1、建立網頁文件。

  2、插入一個7乘2的表格,并且把左面的一列表格合并,用來插入指針圖片。而右面的七個表格用來插入按鈕圖片。

  3、在左面的表格中插入第一張指針圖片Z1,在右面的7行單元格中分別插入藍色的前臺按鈕B1-1~B1-7(效果如圖2所示)。

如何在Dreamweaver中制作復雜交換圖像

  圖2

  4、點擊“窗口(Windows)→行為”,調出行為面板。

  5、選中第一個要設置行為的圖片,這里是寫有“指導思想”的按鈕圖片,即圖片B1-1。

  6、點擊加號按鈕,在彈出菜單下選擇交換圖像(Swap image),彈出交換圖像對話框。我們的主要部分的設置將在這個對話框中進行。

  7、點擊對話框當中的瀏覽按鈕,然后選擇好這張按鈕圖片將要翻轉成的目的圖片,在本例中是帶有黃色文字的按鈕圖片,即圖片B2-1。然后點擊確定。

  8、重復第6步的操作,在圖像的文本框中選中指針圖片Z1,然后,再次點擊瀏覽按鈕,把它翻轉成第1個指針文件,即Z1。點擊確定。完成上述操作后,行為面板上的顯示結果如圖3所示。

如何在Dreamweaver中制作復雜交換圖像

  圖3

  9、選中第2張按鈕圖片B1-2,按照上面的方法將它本身翻轉成按鈕B2-2,并且將指針圖片翻轉成第2號指針圖片Z2。

  10、依以上步驟,分別將下面5張圖片分別設置成為交換圖像的行為。

  11、按F12預覽,把鼠標的指針懸停在每張圖片上,怎么樣,感覺還不錯吧?

 

        :更多精彩教程請關注VeVb建站教程頻道

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 刚察县| 循化| 斗六市| 沂南县| 封开县| 台前县| 工布江达县| 海盐县| 杭锦后旗| 和政县| 郸城县| 宾川县| 青河县| 古浪县| 巴楚县| 天等县| 保靖县| 乌兰察布市| 福鼎市| 和平区| 雅江县| 襄樊市| 宜兰县| 繁峙县| 稻城县| 皋兰县| 昆山市| 新化县| 封丘县| 上思县| 百色市| 奉化市| 宝丰县| 嵊泗县| 桦川县| 元谋县| 广灵县| 安达市| 石楼县| 井冈山市| 和静县|