CSS樣式之懸停變色，效果如下所示準(zhǔn)備圖標(biāo)在完成上面的效果之前，我們需要準(zhǔn)備圖標(biāo)，這里我使用的是阿里巴巴矢量圖標(biāo)庫(kù)，不；設(shè)計(jì)全面圖解 下拉菜單的設(shè)計(jì)圖解和文本輸入框很接近，只是內(nèi)容多一些下拉菜單的類(lèi)型及變化 人們對(duì)標(biāo)準(zhǔn)下拉菜單已經(jīng)有了普遍的了解，但你仍需要在工作中留意幾個(gè)特別的類(lèi)型和變化下拉菜單風(fēng)格 不同于下拉菜單的類(lèi)型 types，下拉菜單的風(fēng)格styles涉及的是它實(shí)際上長(zhǎng)什么樣而不是它如何工作的。

中繼器里的矩形我們?cè)黾右粋€(gè)懸停的樣式，然后把他們組合在一起，勾選觸發(fā)內(nèi)部元件鼠標(biāo)交互樣式，這樣就可以實(shí)現(xiàn)移入變色的效果；中繼器里懸停樣式遇到更新行交互會(huì)有顯示bug2交互設(shè)置一級(jí)菜 就會(huì)有個(gè)移入變色的效果鼠標(biāo)移出時(shí)，我們將文本矩形取消選中。

感覺(jué)總是有各種容易看串的信息，利用 html5 canvas 完成的這個(gè)交互式地鐵線路圖 Demo，如果地鐵上的展示信息稍微有點(diǎn)交互會(huì)怎么。