悬停后如何使鼠标'leave a trail'?



向愿意帮助的人问好:)

我试图编码的东西,我看到作为一个网站上的例子,因为即使他们提供了代码,我不能使它工作。

这里是一个链接,我从哪里得到的例子:

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

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

*我不需要双击效果,只是颜色的变化。

谢谢

div元素的基础CSS为橙色。

当鼠标悬停时,它会切换一个名为purplebg的CSS类,当添加时它会变成紫色,当鼠标悬停再次触发时,它会恢复到橙色。差不多了。

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

下面是一个简单的jsFiddle示例

最新更新