2010-06-29 36 views
4

我一直使用谷歌搜索,但似乎無法找到一種鼠標懸停的方法,類似於CSS。將CSS和HTML鼠標移出?

是否有一個,如果是的話應該如何編碼?

+2

CSS不是一種編程語言。你會期望一個'mouseout'選擇器來做什麼? – 2010-06-29 12:37:22

+0

有一個javascript事件可以添加到你的HTML元素中 但是CSS沒有辦法識別它,因爲它不是一種編程語言。 – Kyle 2010-06-29 12:39:29

+0

你想要做什麼?有可能你可以用不同的(非JavaScript方式)來實現你想要做的事情。但是,如果你想做一些行爲(而不是風格),那麼你將需要JavaScript。 – 2010-06-29 12:59:44

回答

0

就我所知,您只能擁有以下CSS「事件」。

一個(默認), 一個:懸停, 一個:激活, 一個:訪問

+1

還有其他的。例如,「:enabled」,「:disabled」和「:checked」。 – 2010-06-29 12:42:13

1

還有就是:hover僞類:

element:hover { color: red } 

沒有事件或選擇器,用於當:hover狀態結束,如果這是你正在尋找。

你將不得不轉向Javascript和onmouseout事件。

5

你只需要:hover pseudo-class for this,當鼠標移出這個元素時,它會返回到它的默認非:hover狀態,就像這樣:

.class { color: black; } 
.class:hover { color: red; } 

當你徘徊,顏色爲紅色和當您使用「鼠標懸停」時,顏色將回到黑色,因爲它不再與:hover選擇器匹配。這是所有瀏覽器的默認行爲,這裏沒有什麼特別的。

如果你想做一些編程的事情,你正在尋找mouseout JavaScript event

+0

我認爲這是OP尋找的東西,而我也是:P – GoodSp33d 2012-11-21 12:47:33

0

AFAIK沒有鼠標離開事件,但

,如果你想爲你前面訪問鏈接,你可以使用

a:visited{ 

} 
1

沒有對CSS一個鼠標移出型選擇。 但元素的正常風格是其「鼠標狀態」!

什麼,你是否試圖做正常的CSS和:hover選擇器不包括?

很有可能你可以用JavaScript來做到這一點。見herehere