Dreamweaver是一個網(wǎng)頁設(shè)計的軟件，相信對于?？粕鷣碚f并不陌生，也是需要熟練使用的軟件之一，那么Dreamweaver制作時鼠標(biāo)離開圖標(biāo)的消失的操作方法大家都了解嗎?下文是錯新技術(shù)頻道小編為您整理的介紹，希望對你了解這方面內(nèi)容有所幫助!

　　操作步驟：

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

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

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

　　4、點擊“窗口”—“行為”，出現(xiàn)“行為”窗口;

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

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

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

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

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

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

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

　　補充：onmouseout 事件會在鼠標(biāo)指針移出指定的對象時發(fā)生;

　　11、保存，預(yù)覽;

　　圖1：鼠標(biāo)放上去，圖片顯示;

　　圖1

　　圖2：鼠標(biāo)離開，圖片消失

　　圖2

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

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

　　注：本篇文章系錯新技術(shù)頻道依照真實經(jīng)歷原創(chuàng)，轉(zhuǎn)載請注明出處!

?

?