網頁中圖像過渡效果-圖像交換
在制作網頁的時候經常會用到圖像的過渡效果，比方說圖像的交換，那么如何不寫代碼就可以實現圖像的交換呢？今天在此本人就根據自己的制作過程跟大家交流一下，同時分享制作步驟和截圖，希望對你有所幫助。
工具/原料
- Dreamweaver cs5
方法/步驟
- 1
啟動dreamweaver cs5，執行文件-新建命令，在彈出的新建文檔對話框中，選擇頁面類型為html，點擊創建按鈕，進入主界面。
- 2
執行插入-圖像命令，在彈出選擇圖像源文件對話框中，找到需要插入圖像的位置，點擊確定，圖片就導入到頁面中了。
- 3
執行窗口-行為命令或者按shift+f4組合鍵調出行為窗口，在行為面板中點擊添加行為按鈕，接著彈出下拉菜單。
- 4
在下拉菜單中選擇交換圖像選項，彈出交換圖像對話框，在該對話框中點擊瀏覽按鈕彈出選擇圖像源文件對話框，找到需要的圖像點擊確定按鈕。
- 5
返回到交換圖像對話框，在該對話框中勾選預先載入圖像，這樣可以解決下載延遲的問題，這一點尤其重要。
- 6
點擊確定按鈕，這個時候在行為面板中你會看到剛才添加的交換圖像行為。
- 7
按f12鍵接著會彈出“是否將改動保存到”提醒信息，直接點擊是，這是會在瀏覽器中查看到效果。
- 8
在瀏覽器中我們會看到第一副圖像，當鼠標經過的時候圖像立即會變成第二幅圖像。
- 9
執行文件-另存為命令，在彈出另存為對話框中輸入名稱為“交換圖像”，然后找到一個合適的位置進行保存即可。
- 發表于 2018-02-02 00:00
- 閱讀 ( 811 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章