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

JQuery

1个成员

发表于 2017-01-14 • 3317 次查看

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

只看楼主回复倒序查看回复

发表回复

你还没有登录，请先登录或注册！

(大小不能超过2MB，文件类型支持png ,jpg ,gif ,doc ,xls ,txt ,rar ,zip .)

文件名	描述	学币	操作

话题作者

天天

头衔:无

活跃成员