Dreamweaver中的超酷滾動按鈕和彈出菜單

使用Dreamweaver將翻頁按鈕添加到網頁是一項非常簡單的任務…如果您準備好按鈕圖像準備就緒。

如果您還沒有圖像,則需要執行以下操作:打開一個圖形設計程序,例如Fireworks或Photoshop,並創建一個帶有實心填充的矩形(在此示例中為藍色),然後在上面放一些白色文本,說「家」。

接下來,您要修剪畫布並將此圖像導出為「 home1.gif」或「 home1.jpg」文件。將圖像導出到網頁所在的文件夾中,以便可以將其用於網頁。

接下來,只需將按鈕上文本的顏色更改為黃色,然後將該版本導出為「 home2.gif」

一旦獲得了這兩個圖像,在Dreamweaver中創建一個過渡按鈕就很容易了,因為Dreamweaver會為您完成所有操作。

只需將游標放在網頁上您想要按鈕的位置,然後從Dreamweaver下拉菜單中選擇「插入」>「圖像對象」>「滑鼠懸停圖像」。

然後將home1.gif用於上方圖片,將home2.gif用於上方圖片。單擊確定後,Dreamweaver將為您創建所有必需的代碼。然後,您只需要將圖像和頁面上傳到您的網站!

另一種選擇是使用彈出菜單功能。您可以在Dreamweaver中的「標籤檢查器」下找到它。您可以使用它來製作一些令人激動的彈出菜單,當您將滑鼠懸停在圖像上時會出現這些菜單。

相關文章