使用jQuery实现半透明的图片遮挡

当鼠标悬停在图片中时,半透明遮罩的效果将从图片顶部滑落。



同时,也有一些文字介绍。



使用方法uff1a

1,把CSS样式引入到你的网页中

2,将代码的一部分复制到Web页面主体结束的位置。

(JS,绝对路径,没有修正)

复制代码代码如下所示:

$(函数(){())

$('。sgw_img DT)。Hover(function(){)

$(这)。儿童('盒子')。停止(真的,真的),Delay(100)。动画({顶:0,不透明度:0.8 },300);

}函数(){()

$(这)。儿童('盒子')。停止(真的,真的)。动画({顶:482,不透明度:0 },200);

})

$('。sgw_img DD)。Hover(function(){)

$(这)。儿童('盒子')。停止(真的,真的),Delay(100)。动画({顶:0,不透明度:0.8 },300);

}函数(){()

$(这)。儿童('盒子')。停止(真的,真的)。动画({顶:382,不透明度:0 },200);

})

})





以上就是这篇文章的全部内容,希望大家能喜欢。