在mousenter mouseleave上的JQuery changeClass

Question

我希望有人可以幫忙。我想將#ron.front中的一個div的類更改爲#ron.upperLeft1。

• 當鼠標進入一個div .toggle1，然後必須將其改爲#ron.upperFull。

• 當鼠標離開.toggle1並輸入div .toggle2（它在.toggle1之內）。

我試圖創造的效果是，當鼠標進入外箱Ron的眼睛開始，當鼠標進入箱內他的眼睛完全朝着框移動，然後。

這是我自己試圖讓外部左上方框工作。 http://emiwip.com/rb/test.html

（不要笑得太辛苦，我沒有編碼，但我努力學習。）

Answer 1

您可以使用jQuery Mouse Events和.toggleClass（）來實現這一點。

例如：

$(".toggle1").mouseenter(function() { 
    $('#ron.front').toggleClass('#ron.upperLeft1'); 
}); 

當鼠標進入 「div.toggle1」，＃ron.front的類將變爲」 .upperLeft1"