“滑過”選項卡是繪制當鼠標移動到按鈕上及按下時,按鈕所呈現的狀態。在這里我們可點擊“復制彈起時的圖形”按鈕,將“釋放”選項卡中的按鈕圖形復制過來,然后只更改其色彩,以便區分。如圖8—05。或者你也可以在此繪制你想要的其它圖形。
圖8—05
“按下”選項卡是繪制鼠標在按鈕上按過之后,按鈕所呈現的狀態。在該選項中只有選中了“包括導航欄按下狀態”時此幀中的內容才會生效,否則此幀中的內容將不會在網頁瀏覽中出現。我們同樣將上一幀的按鈕狀態通過“復制滑過時的圖形”按鈕復制過來,然后將按鈕色由綠色改為桔紅,如圖8—06。同樣,你也可以在這里繪制任何一種你想要的按鈕圖形。
圖8—06
“按下時滑過”選項是設置按鈕在被按過之后鼠標再次滑到按鈕上時,按鈕所呈現的形狀。該項同樣是在選中“包括導航欄按下狀態”后才能生效。我們點擊“復制按下時的圖形”后,把上一幀的按鈕色彩改為黑色,以便區別。
圖8—07
此時,按鈕的四個鼠標事件都有了,點擊“完成”按鈕后回到工作區中的“原始”選項窗中。我們可以點擊緊挨“原始”選項窗右邊的“預覽”窗(或按f12鍵啟動瀏覽器)查看測試剛制作的按鈕,如圖8—08。
8—08
回到“原始”選項窗口后雙擊該按鈕圖形,或在“庫”面板中雙擊該按鈕元件都可以對該按鈕進行重新編輯。
新聞熱點
疑難解答