jquery图片遮罩插件

1.jQuery图片水平滚动插件这是jQuery 插件实现的图片水平滚动。我们可以设置任意数量的图片，然后点击左右箭头按钮，分组浏览这些图片，40经典前端特效插件-分享1.flavr超美的jQuery平面弹出对话框2，轻量级触摸响应滑块插件jquery light slider 3，跨浏览器的CSS3动画框架，拥有37种3D动画特效4。jquery全屏滚动/ -1/scrollify 5，jquerycarousel插件slick 6，jquery文字动画插件letterfx7，.-2/Notification插件toastr 9 . jquery滚动执行动画插件FadeThis10。jquery表单验证插件Bootstrap验证器11 . jcoun -1/jquery 12 . I检查不同的checkbok13，OwlCarousel强大的响应jQuery焦点贴图carousel插件14 . magic CSS3动画库，拥有64种动画效果15.jQuery实时搜索插件hideseek 16 . bootstrapmodal对话框17 .一个模拟CSS3动画的js 插件move.js18可以代替CSS3transition和transform的jQuery 插件

1.flavr超美的jQuery平面弹出对话框2。轻量级触摸响应滑块插件jquery light slider 3。具有37种3D动画效果的跨浏览器CSS3动画框架4。jquery全屏滚动插件scrollify 5。-2/旋转木马插件Slick6。jquery文字动画插件信FX 7。jqueryText Flip-1 -1/toastr 9 . jquery滚动动画插件 Fade this 10 .jquery表单验证插件引导验证器11。JCountdown倒计时-1。jquery 12 . I检查不同的checkbok13。OwlCarousel强大的响应jQuery焦点贴图carousel插件14 . magic CSS3动画库，拥有64种动画效果15.jQuery实时搜索插件hideseek 16 . bootstrapmodal对话框17 .一个模拟CSS3动画的js 插件move.js18可以代替CSS3transition和transform的jQuery 插件

1。首先，看看HTML，一个img图像控件和一个包含文本的样式div。这是面具遮罩层。2.然后，检查样式定义。首先检查图像容器和图像样式，如图所示。需要注意的是，position:relative是在img_container样式中定义的，主要是为遮罩 layer的绝对定位做准备。3.接下来检查遮罩 layer的样式定义。

背景:rgba (0，0，0，0.7)；您可以通过修改以下数字0.7来更改透明度。1表示完全不透明，0表示完全透明。4.然后，添加鼠标移动的脚本代码以显示遮罩层。js代码是用jquery写的，方便简单，所以先介绍jquery的脚本库。5.然后添加mouseover和mouseout事件，主要是当鼠标移动到图像容器时显示遮罩 layer，当鼠标移出时隐藏遮罩 layer。

屏蔽层兼容更好。可以在jQuery 遮罩 layer搜索，有很多供你选择，就不要自己写了。要从Chrome控制台临时关闭，可以这样做:右键单击this 遮罩，选择“Review Element”，然后导航到其父元素，按键盘H(表示隐藏)来临时隐藏这个区域。再次按下即可显示。