Dreamweaver是一個網頁設計的軟件，相信對于專科生來說并不陌生，也是需要熟練使用的軟件之一，那么Dreamweaver制作時鼠標離開圖標的消失的操作方法大家都了解嗎?下文是錯新技術頻道小編為您整理的介紹，希望對你了解這方面內容有所幫助!

　　操作步驟：

　　1、新建“HTML文檔”，在“布局”里找到“繪制層”，繪制一個方形層，填充顏色，并在里面輸入文字“夏”，字體和顏色，大家自由設置;

　　2、用“繪制層”再次繪制一個層，層編號設置為“夏”，寬：300px;高：200px;設置如圖所示：

　　3、在“夏”層里插入一張圖片，大小和“夏”層一樣大，寬和高分成設置為300px、200px;

　　4、點擊“窗口”—“行為”，出現“行為”窗口;

　　5、選中“”層，在“”窗口下，打開“”前面的眼睛;然后選中文字“”，在“”窗口下，點擊，選擇“”;

　　6、這時彈出“顯示—隱藏層”窗口，選中層“夏”，點擊“顯示”，然后確定即可;

　　7、在“行為”窗口中，就會出現“顯示—隱藏層”信息，在前面的下拉菜單中選擇“onMouseover ”。

　　補充：onmouseover 事件會在鼠標指針移動到指定的對象上時發生。

　　8、再次選中“”層，在“”窗口下，選擇“”前面的這個圖標，它的意思就是關閉圖片，這時你會看到，“”層以及里面的圖片都沒有了;

　　9、選中文字“”，在“”窗口下，點擊，選擇“”;這時會彈出“”窗口，選中，點擊“”，然后確定即可;

　　10、在“行為”窗口中，再次出現“顯示—隱藏層”信息，在前面的下拉菜單中選擇“onMouseout ”。

　　補充：onmouseout 事件會在鼠標指針移出指定的對象時發生;

　　11、保存，預覽;

　　圖1：鼠標放上去，圖片顯示;

　　圖1

　　圖2：鼠標離開，圖片消失

　　圖2

　　以上就是dw制作鼠標放上去圖片就顯示鼠標離開圖標就消失方法介紹，操作步驟并不是很難，但需要大家仔細一點，尤其在設置行為時要注意圖片的顯示和隱藏，好了，有興趣的朋友可以參考本文哦!

上面是錯新技術頻道小編為大家整理的關于Dreamweaver制作時鼠標離開圖標的消失的操作方法介紹，其實操作步驟并不難，但是我們需要小心，尤其是在設置行為時要注意圖片的顯示和隱藏。

　　注：本篇文章系錯新技術頻道依照真實經歷原創，轉載請注明出處!

?

?