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

来源:互联网 时间:1970-01-01

图片变暗效果是当我们的鼠标移近图片时才有这种效果,下面我来介绍基于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定义图片的状态了。


相关阅读:
Top