jQuery在mouseover mouseleave上更改Class

时间:2014-03-04 20:00:59

标签: jquery mouseenter mouseleave

我希望有人可以帮忙解决这个问题。我想将一个div的类从#ron.front更改为#ron.upperLeft1

  • 当鼠标输入div .toggle1时,请将其更改为#ron.upperFull

  • 当鼠标离开.toggle1并输入div .toggle2(位于.toggle1内)时。

我试图创造的效果是当鼠标进入外侧框时Ron的眼睛开始移动,然后当鼠标进入内部框时,他的眼睛完全朝向框。

这是我自己的attemt让外面的左上方框工作。 http://emiwip.com/rb/test.html

(不要笑得太厉害,我不是编码员,但我正在努力学习。)

1 个答案:

答案 0 :(得分:0)

您可以使用jQuery Mouse Events和.toggleClass()来完成此任务。

例如:

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

当你的鼠标进入“div.toggle1”时,#ron.front的类将变为“.upperLeft1”