1、輸入代碼,其中button是鼠標要滑動的地方,滑過button時,class為content的內容就要顯示出來,鼠標滑出去的時候,這塊內容就需要重新隱藏起來。
2、把黑色內容的部分初始狀態寫成隱藏。只需要在class為content裏寫上display:none,即可。
3、來看下代碼和瀏覽器中的效果。可以看到黑色內容部分已經不見了。
4、把onmouseover和onmouseout兩個事件作用在button上面,再寫overShow()和overHide()兩個 函數。可以看到在函數中通過改content的display屬性來實現顯示隱藏的效果。
5、在瀏覽器中就可以看到效果了。