創建懸停效果菜單中作出反應

-2

我需要一個滑出式菜單，有點像一個在這些圖片： The menu on the right before hovering on it 創建懸停效果菜單中作出反應

The menu on the right after hovering on one of the menu items

編輯：我試圖使用CSS，但我的側邊欄不會顯示出來，這是我的CSS代碼：

.SideBar{ 
position: absolute; 
left: -80px; 
transition: 0.4s; 
width: 80px; 
font-size: 15px; 
color: white; 
transition: 0.3s

} .SideBar:hover{ left: 0; }

來源

2017-09-20 Ibo

顯示你的代碼，你嘗試過什麼，什麼問題呢？ –

我的避風港」噸嘗試新鮮事物其實，我真的不知道如何在手接近的話題，可你也許指向我朝着正確的方向？ – Ibo

使用onHover選項，然後在無線將在懸停，改變狀態。改變狀態後你可以使用條件。

是這樣的：

render() { 
    return (
     <div>(this.state.isHovered) ? (<a>openedmenu</a>) :(<a onHover={this.hover.bind(this)}>closed menu</a>)</div> 
    ) 
} 


hover() { 
this.setState({isHovered:true}) 
}

，然後你可以通過你的自我實驗

來源

2017-09-20 09:59:48

謝謝你，我將繼續查找更多信息 – Ibo

創建懸停效果菜單中作出反應

回答

相關問題