滑鼠移動到button顏色改變的實現

2021-10-13 09:39:05 字數 915 閱讀 1164

要實現button需要用到onmouseover與onmouseout方法

示例:

滑鼠未移入效果:

滑鼠移入後效果:

當然,如果直接使用上面的**,你能得到的效果其實是這樣的:

button的預設顯示樣式

οnmοuseοver="this.style.backgroundcolor=即為滑鼠移入時的顏色

οnmοuseοut="this.style.backgroundcolor=即為滑鼠未移入時的顏色

在等號後面加入顏色相對應的十六進製制值即可讓button獲得相對應的顏色顯示。

至於button的樣式,在class後面使用了自定義的css類選擇器

.check2
這裡是我的方案,按照自己的需要修改相應的值即可,若還有其他需要的功能,那就,那就,查相應文件吧。

此外,類選擇器中的background-color: 可能優先順序低於οnmοuseοut="this.style.backgroundcolor(又或者會有衝突?具體未細了解) 起初想著在類選擇器中預設顯示按鍵顏色,在配合onmouseover使用,結果發現不可行。(一開始background-color顏色顯示,滑鼠移入後顏色改變,但由於缺少onmouseout,滑鼠移入後顏色將一直保持onmouseover中設定的顏色

滑鼠移動到文字,顯示DIV的資訊

頁面檔案 nm use ut hidepopup js檔案 滑鼠移入顯示div function trigger event,pk accnt var html hotelmanager.web.general.acccenter.mainaccount.getweek pk accnt value...

製作滑鼠移動到div上面顯示彈出框

三代親子嘉年華 span span class info span class username 周乃容 span span class split span img src resources img livesupport live zbbfcs 1.png span class playcou...

unity限制滑鼠移動到遊戲視窗外操作

unity小知識點 camera.rect 相機被渲染到螢幕規範化座標中的位置.rect的範圍在 左 下 0到1 右 上 有時候在執行場景時,在當滑鼠移動到遊戲視窗範圍外後,就停止移動或滑動等一系列操作,只需我們在控制模組加一句判斷即可。public camera scenecamera void ...