如何让鼠标留下痕迹'悬停后?

时间:2013-01-11 22:19:50

标签: jquery colors bind mouseover live

嗨,无论谁愿意提供帮助:)

我正在尝试编写我在网站上看到的一些示例代码,因为即使他们提供了代码我也无法使其工作。

以下是我从中获取示例的链接:

http://coding.smashingmagazine.com/2012/05/31/50-jquery-function-demos-for-aspiring-web-developers/

向下滚动到“Bind()Unbind()”部分。这是橙色和紫色方块的第二个例子。我想知道如何获得颜色变化的效果,然后保持更改,然后再次更改,如果鼠标第二次超过正方形。

*我不需要双击效果,只需要改变颜色。

谢谢

1 个答案:

答案 0 :(得分:2)

div元素的基本CSS是橙色。

在鼠标悬停时,它会切换一个名为purplebg的CSS类,使其在添加时变为紫色,并在鼠标悬停再次触发时恢复为橙色。这就是它。

}).live('mouseover', function(e) {
  $(this).toggleClass('purplebg');
});

这是一个简单的jsFiddle example