1.jQuery鼠标悬停文本渐变动画效果

这是一个基于JQuery的鼠标悬停文本淡入淡出动画效果的源代码。鼠标悬停后，图片逐渐有了一个透明的蒙版层。同时，描述文本在鼠标离开后从左侧滑入，从右侧滑出。整体效果美观自然，用户体验更好。是一个优秀的特效源代码。该源代码与最新的主流浏览器兼容。

在线演示

源代码下载

2.jquery突出了基于small2big的图片特效

这是一个基于Jquery的small2big插件的图像高亮效果的源代码。您可以通过在图像上滑动鼠标来放大和突出显示图像。有三种显示效果供您选择。

在线演示

源代码下载

3.通过DIVCSS实现天猫知名商家的导航总结页面效果

用DIV CSS实现的天猫知名商家的导航页面效果源代码，是一个汇总所有知名天猫商家的店铺URL和名称，并进行不同类别展示的代码。它还具有有效的搜索功能和真实的商店网址。

在线演示

源代码下载

4.4.jquery css实现的ul li模仿下拉框形式的美化效果

Ul li模仿jquery css实现的下拉框形态美化效果源代码，是一个由DIV CSS和jquery实现的下拉框形态美化效果源代码。

在线演示

源代码下载

5.一款基于HTML5的铃声播放器，支持控制播放和调节音量

今天我要分享一个比较酷的HTML5音乐播放器，它是环形的，背景图很漂亮，可以控制播放器的播放、调节音量等常用功能。

在线演示

源代码下载

6.纯CSS3实现的鼠标悬停图文动画效果

纯css3实现的鼠标悬停图文动画效果的源代码使用CSS3实现，加载速度更快，占用内存更低，更容易使用。

在线演示

源代码下载

7.基于jQuery的彩色标签图片标签切换效果

基于jQuery的彩色标签图片标签切换效果码，加载速度更快，内存占用更低，更容易使用。

在线演示

源代码下载

8.点击小图片原位置放大8.jquery实现的图片效果源码

Jquery实现点击缩略图原位置放大图片的源代码，是一个可以实现点击缩略图并在原位置显示大图片的代码。就像新浪微博一样，点击缩略图会将图片放大到原来的位置。缺点是它必须添加动作。最好是自动给指定id的图片添加放大码，或者自动让他放大。

在线演示

源代码下载

9.9.js实现的鼠标滚动控制图片在原始位置缩放

Js实现了通过鼠标滚动控制图片在原位置缩放的特效源代码，是一个可以以鼠标为中心滚动鼠标轴实现图片比例放大或缩小的代码。

在线演示

源代码下载

10.js实现了点击gif封面后加载gif动态图片的js特效

点击gif封面后加载gif动态图片的js特效源代码是一个点击gif封面后加载gif格式动态图片内容的代码，适用于所有网站。

在线演示

源代码下载

以上就是前端设计师必须掌握的10个jQuery特效，都是非常常用的特效。