如何設(shè)計(jì)鼠標(biāo)懸停下拉菜單顯示特效

然后我們?cè)谠熘型先氡敬我褂玫脑?，到工作臺(tái)上，如下圖所示。

接著我我們將元件的顏色和大小進(jìn)行調(diào)整，最終形成下面的按鈕形狀，如下圖所示。

同樣，我們?cè)谥谱饕粋€(gè)下拉菜單的動(dòng)態(tài)面板，并命名，如下圖所示。

再接著我們給下拉菜單中及按鈕做一些樣式的交互，比如懸停和點(diǎn)擊時(shí)的顏色及效果等，如下圖所示。

我們?cè)俳o元件加交互事件，如下圖所示。

這時(shí)候所有工作準(zhǔn)備完成，f5預(yù)覽看一下效果，如下圖所示。

最后我們當(dāng)鼠標(biāo)懸停在按鈕上，此時(shí)下拉菜單就會(huì)顯示出來，如下圖所示。