jQuery翻转使用多个ID和类

Question

我正在建立一个照片库,我想做的就是当用户滚动图像时(让我们说这个问题的目的是一张苹果的照片),所有其他的苹果照片该页面还显示其"结束"状态.

任何和所有的帮助将不胜感激,并提前感谢您的时间!

Answer 1

您可以将图像的"类型"添加为类.例如,一个苹果将是:

<img src='' class='apple fruit red' />

您可以根据需要使用尽可能多的空格分隔类.

然后添加以下处理程序:

$(".apple").mouseover(function() {
   $(".apple").addClass("overState");
});

您需要在CSS中定义overState.在mouseout上,您必须删除该类.