10款jQuery实现的鼠标悬停遮罩阴影效果

1.纯CSS3和SVG实现的鼠标滑过灯泡发光特效

这是一款基于纯CSS3和SVG实现的灯泡发光特效源码，我们只需要将鼠标滑过灯泡，整个灯泡就会出现发光发亮的动画特效，效果相当逼真。CSS3的运用，让灯泡外围有一层淡淡的光晕。并且在灯光点亮和熄灭的时候有淡入淡出的效果，有很强的立体感与逼真的动感。

在线演示

源码下载

2.jquery实现的自动滚动切换图片通栏特效

这是一款基于jquery实现的自动滚动切换图片通栏特效源码，带左右按钮切换图片，鼠标移到图片后图片高亮显示，点击会显示带阴影的大图。滑动切换效果流畅自然，代码兼容性好，可兼容目前最新的各类主流浏览器。

在线演示

源码下载

3.jQuery实现的全屏相册效果

这是一款jQuery实现的全屏相册效果源码，是一款简洁实用的jQuery相册，支持左右按钮切换以及点击大图自动切换图片。切换效果流畅自然，源码兼容性好，可兼容目前最新的各类主流浏览器。

在线演示

源码下载

4.jquery+html5实现自适应网站焦点图特效

这是一款基于jquery+html5实现的自适应网站焦点图特效源码，可实现自适应屏幕宽度网站焦点图片切换效果。焦点图不但可以自动切换，还能够点击左右切换按钮或点击图片下方焦点切换。切换时会呈现不同的幻灯切换效果。

在线演示

源码下载

5.html5实现的扁平音乐播放器

这是一款基于html5实现的扁平音乐播放器源码，是基于jQuery+HTML5实现的扁平风格mp3 player网页音乐播放器。有着很好的视觉效果与播放功能。

在线演示

源码下载

6.jQuery实现的鼠标悬停遮罩阴影效果

这是一款基于jQuery实现的鼠标悬停遮罩阴影效果源码，可实现鼠标移到图片上逐渐加载显示遮罩阴影的效果。且显示效果的淡入淡出平滑自然，遮罩层有不错的立体感。

在线演示

源码下载

7.纯js实现的点击弹出多个城市选择框效果

这是一款纯js实现的点击弹出多个城市选择框效果源码，是一款仿51job的鼠标点击弹出城市选择框特效代码。点击“请选择”可以弹出选择对话框，点击选择城市会直接出现选择城市的效果。

在线演示

源码下载

8.jQuery实现的vivo官网左右全屏动画焦点图特效

这是一款基于jQuery实现的vivo官网左右全屏动画焦点图特效源码，是一款基于jquery+html5实现的步步高vivo官网图片切换动画效果代码。画面切换的时候会出现分层显示的效果，非常具有立体动感与层次感。

在线演示

源码下载

9.jQuery多种类型自定义对话框插件jDialog源码

这是一款jQuery实现的多种类型自定义对话框插件jDialog源码，是一款轻量级多种类型的自定义对话框插件。可实现常见的各类弹出对话框效果。

在线演示

源码下载

10.html5实现的3D立体俄罗斯方块游戏

这是一款基于html5实现的3D俄罗斯方块游戏源码，可实现3d俄罗斯方块网页游戏效果。游戏中的俄罗斯方块底部可以旋转，并有方块落点预览效果。整体立体感强，游戏可玩性高。是一款非常游戏的游戏源码。

在线演示

源码下载

未经允许不得转载：爱前端网 » 10款jQuery实现的鼠标悬停遮罩阴影效果