jquery仿天猫商城鼠标移近图片变暗的代码

图片变暗效果是当我们的鼠标移近图片时才有这种效果，下面我来介绍基于jquery mouseover  mouseout事件来快速实例，鼠标移近图片变暗的代码各位朋友有需要可参考。

核心代码

主要就是个jquery mouseover  mouseout事件

$(function(){
  $(".floor-maskItem").mouseover(function(){
   $(this).addClass("qq").parent().addClass("hover");
  }).mouseout(function(){
   $(this).removeClass("qq").parent().removeClass("hover");
  });
})

上面的说一下

.floor-maskItem是css样式名字，我们要变色的全部都是这个class="floor-maskItem"了，然后QQ是我们一个css效果，这个就是css定义图片的状态了。