使用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);
})
})
以上就是这篇文章的全部内容,希望大家能喜欢。