當前位置:編程學習大全網 - 網站源碼 - js css 鼠標移入某個區域滑出壹個框的效果怎麽做?

js css 鼠標移入某個區域滑出壹個框的效果怎麽做?

1、輸入代碼,其中button是鼠標要滑動的地方,滑過button時,class為content的內容就要顯示出來,鼠標滑出去的時候,這塊內容就需要重新隱藏起來。

2、把黑色內容的部分初始狀態寫成隱藏。只需要在class為content裏寫上display:none,即可。

3、來看下代碼和瀏覽器中的效果。可以看到黑色內容部分已經不見了。

4、把onmouseover和onmouseout兩個事件作用在button上面,再寫overShow()和overHide()兩個 函數。可以看到在函數中通過改content的display屬性來實現顯示隱藏的效果。

5、在瀏覽器中就可以看到效果了。

  • 上一篇:分時信道源代碼
  • 下一篇:Z-TEK CE USB轉串口驅動在哪裏?
  • copyright 2024編程學習大全網