翻轉鏈接==更改類。推出div ==改變課程。不工作。幫助

這是我最簡單的問題。讓我嘗試清除它。翻轉鏈接==更改類。推出div ==改變課程。不工作。幫助

我有一個div，在這種情況下被稱爲"testdiv"，它的類名稱爲"menulink"附加到它。 div內部有一個鏈接。當我翻轉鏈接時，我想讓div類更改爲"menulinkHover"。然而，當我滾出出div，但是，我希望班級恢復到"menulink"。爲此，我使用getElementByID。滾動鏈接完美地工作，但只要我滾出link，而不是div，該類將恢復。

這是與我有什麼到目前爲止小提琴：http://jsfiddle.net/nathanbunn/KJMsf/

我正在這與jQuery，以同樣的方式使用.removeClass和.addClass，但我擔心我會得到同樣的問題。我錯過了一些東西，我知道我錯過了什麼，但它是什麼？想了解我在找什麼，請看Harvey Nichols的主頁。我知道他們使用Prototype作爲他們選擇的框架。

這可以用我有的腳本來完成嗎？我是對的嗎，我確實錯過了什麼？它可以在jQuery中更好地工作嗎？它可以在純CSS中完成，甚至？請幫忙。我完全喪失了。

來源

2011-08-21 Nathan Bunn

我將它設置爲使用JQuery，因爲我總是發現它比純JavaScript更好。我通過將鏈接設置爲有一個mouseenter向div添加一個類，然後div本身有一個刪除該類的mouseleave來工作。現在對我來說工作得很好。這裏的鏈接： http://jsfiddle.net/KJMsf/6/

來源

2011-08-21 17:54:44

這正是我想要的（減去Caro Calo給出的pizazz，這是讓我走「oooooooooh」的事情之一）。這裏是我自己居住的可能性，我（個人）僅限於使用CSS來得到我想要的，謝謝你，你們兩個，證明我錯了:) –

如果你想要一點pizazz，你可以使用JQuery UI的動畫函數做類似淡入事件：http://jsfiddle.net/KJMsf/7/。 JQuery UI也有toggleClass fucniton，但它似乎不能很好地與快速盤旋。 –

結合CSS與jQuery的鼠標事件和淡入淡出，你應該得到你想要的。一個例子是：here

來源

2011-08-21 17:55:28

Ooooooooh，甚至更好......我以爲我剛纔找到了一個純粹的CSS解決方案，但你的淡入淡出看起來好多了...... –

翻轉鏈接==更改類。推出div ==改變課程。不工作。幫助

回答

相關問題