10款jQuery/CSS3实现网页元素抖动特效-爱前端网

1.jQuery垂直滑动切换焦点图动

对于jQuery垂直焦点图，我们之前已经分享过不少了，其中比较经典的这款jQuery纵向滑块焦点图插件，效果非常不错。今天我们要再介绍一款jQuery垂直滑动切换的焦点图动画，整个jQuery焦点图是宽屏的，显得十分大气

在线演示

源码下载

2.CSS3 iPhone样式 D菜单

之前已经向大家分享过很多漂亮的CSS3菜单了，很多菜单都支持多级下拉。今天要分享的CSS3菜单时模拟iPhone样式的，菜单整体呈现3D立体的视觉效果。同时你也可以选择平面方式的菜单，2D D之间可以自由切换

在线演示

源码下载

3.HTML5 Canvas炫酷的火焰风暴动

利用HTML5技术，我们已经实现过不少关于火焰动画特效的HTML5应用，尤其是和Canvas搭配，比如HTML5动感的火焰燃烧动画特效和HTML5 Canvas火焰喷射动画效果。这次给大家带来的是一款基于HTML5 Canvas的火焰风暴动画特效，改动画效果就像从天上掉落火焰一样，火焰风暴逐渐蔓延到整一个画布

在线演示

源码下载

4.HTML5多立方体3D翻转动画

很久没有分享关于HTML5 3D动画的应用了，大家可以移步至HTML5 3D目录下欣赏所有的HTML5 3D动画特效。今天小编要给大家带来另外一款HTML5 3D立方体翻转动画，这款动画能实现多个立方体按一定顺序翻转，给人墙体翻转 D视觉效果

在线演示

源码下载

5.HTML5统计图表数据初始动画

之前我们已经向大家分享很多HTML5图表了，比如这款HTML5 Canvas折线图表和柱形图表就比较经典。今天要介绍的也是一款HTML5图表，该统计图表的特点是图表数据在初始化的时候会出现很酷的动画特效，特别是环形百分比应用还会出现百分比数的动态更新

在线演示

源码下载

6.jQuery/CSS3实现网页元素抖动特效

今天我们要来分享一款很酷的jQuery/CSS3动画特效，它可以让网页中的元素进行抖动，抖动的参数也可以自定义设置。可以定义抖动的快慢、方向以及更为复杂的抖动效果。改应用基于jQuery和CSS3实现，实现起来也比较方便

在线演示

源码下载

7.HTML5 SVG创意开关切换按

对于开关切换按钮，我们在之前的文章中已经分享不少了，比如CSS3创意开关切换按钮就非常不错。今天我们再来分享一款基于SVG和HTML5的开关切换按钮，鼠标点击按钮后即可来回切换按钮的状态，滑动的动画效果非常不错

在线演示

源码下载

8.纯CSS3实现地图热点文字标注提示

今天我们要来分享一款基于纯CSS3的地图应用，这款地图应用的特点是地图上有许多标注点，点击标注点即可在页面上弹出一个文字提示框，用来说明该标注点在地图上的详细信息。如果你需要有一款带标注功能的地图应用，那么这款CSS3地图插件可以满足你

在线演示

源码下载

9.jQuery宽屏自动播放焦点图插

记得之前我们已经分享过很多jQuery焦点图插件，比如支持鼠标拖拽滑动的jQuery焦点图和jQuery宽屏时间轴焦点图插件都非常不错，简单而实用。今天我们要再来分享一款宽屏且可以自动播放图片的jQuery焦点图插件，同样的，在图片切换的时候会出现上一张和下一张的部分图片，实现三张图片之间的左右滑动切换