回答
CSS中沒有鼠標懸停事件。 You need javascript in order to do that.
就我所知,您只能擁有以下CSS「事件」。
一個(默認), 一個:懸停, 一個:激活, 一個:訪問
還有其他的。例如,「:enabled」,「:disabled」和「:checked」。 – 2010-06-29 12:42:13
還有就是:hover
僞類:
element:hover { color: red }
沒有事件或選擇器,用於當:hover
狀態結束,如果這是你正在尋找。
你將不得不轉向Javascript和onmouseout
事件。
你只需要:hover
pseudo-class for this,當鼠標移出這個元素時,它會返回到它的默認非:hover
狀態,就像這樣:
.class { color: black; }
.class:hover { color: red; }
當你徘徊,顏色爲紅色和當您使用「鼠標懸停」時,顏色將回到黑色,因爲它不再與:hover
選擇器匹配。這是所有瀏覽器的默認行爲,這裏沒有什麼特別的。
如果你想做一些編程的事情,你正在尋找mouseout
JavaScript event。
我認爲這是OP尋找的東西,而我也是:P – GoodSp33d 2012-11-21 12:47:33
AFAIK沒有鼠標離開事件,但
,如果你想爲你前面訪問鏈接,你可以使用
a:visited{
}
- 1. 如何使用HTML/css將鼠標移動到鼠標釋放上?
- 2. 鼠標移出背景動畫 - CSS
- 3. 更改鼠標移過來的文字,並將鼠標移出鼠標
- 4. JQUERY - 鼠標移出
- 5. 隱藏的鼠標onmouseover在CSS和HTML?
- 6. jquery將鼠標移出的圖標恢復爲鼠標移動之前的值
- 7. 在鼠標上插入圖像並將鼠標移出
- 8. 鼠標懸停和鼠標移出文字的顏色變化
- 9. jQuery的鼠標移出和鼠標離開的問題
- 10. 將鼠標懸停在鼠標上而不是顯示鼠標移出
- 11. Flash actionscript 3鼠標移出
- 12. 需要對HTML CSS JavaScript鼠標移動滑塊
- 13. 如何添加淡入淡出效果鼠標懸停和鼠標移出?
- 14. 鼠標移動捕獲(鼠標離開和鼠標輸入)
- 15. 鼠標向下,鼠標移動和鼠標事件的圖像?
- 16. 在鼠標懸停和鼠標移出時顯示和隱藏Div
- 17. 處理鼠標移開CSS效果
- 18. Css:在鼠標上移動的導航
- 19. Fadein鼠標懸停和淡出鼠標
- 20. HTML/CSS鼠標上下文菜單
- 21. 鼠標懸停時間CSS HTML
- 22. HTML/CSS鼠標懸停圖片隱藏
- 23. 使用HTML和CSS和JS創建鼠標3D可旋轉papertoy
- 24. CSS下拉菜單 - 鼠標移出時消失得太快
- 25. CSS:在鼠標移出時轉變不透明度?
- 26. UWP將ToggleButton鼠標移除並將鼠標按下背景
- 27. HTML畫布平移通過鼠標
- 28. 當鼠標移動到快速時,html節點失去鼠標移動事件
- 29. 鼠標懸停並將鼠標移出隱藏dom元素與jquery
- 30. 移動鼠標
CSS不是一種編程語言。你會期望一個'mouseout'選擇器來做什麼? – 2010-06-29 12:37:22
有一個javascript事件可以添加到你的HTML元素中 但是CSS沒有辦法識別它,因爲它不是一種編程語言。 – Kyle 2010-06-29 12:39:29
你想要做什麼?有可能你可以用不同的(非JavaScript方式)來實現你想要做的事情。但是,如果你想做一些行爲(而不是風格),那麼你將需要JavaScript。 – 2010-06-29 12:59:44