分享9款设计巧妙的jQuery/CSS3网页应用

如何让平凡的网页变的生动富有活力，如何让操作枯燥而又繁琐的网页变得巧妙而人性化，相信下面9款设计巧妙的jQuery/CSS3网页应用可以帮你建立一个富有生机的网站，同时阅读它们的代码可以帮你提升前端设计能力。

1、jQuery圆形百分比动画特效

这是一款设计新颖的百分比插件，基于jQuery，鼠标进入百分比圆弧上就会动画显示该圆弧对应的百分比，非常形象而且很时尚。

在线演示 / 素材下载

2、CSS3鼠标滑过图片立体显示效果

这是一款不错的CSS3图片特效，当鼠标滑过图片时，图片就会放大并悬浮上来，由于投影和倾斜的缘故，图片将会出现立体的效果。

在线演示 / 素材下载

3、纯CSS3实现的Android Logo

这是一个用纯CSS3绘制的Android标志，更神奇的是当你把鼠标移入Android小机器人身上是，这个Android小机器人还会动哦。

在线演示 / 素材下载

4、jQuery页面过渡切换效果

有时候我们需要网页能像幻灯片一样来回切换，并且切换流畅，有了这个jQuery页面过渡切换效果插件，就能很方便实现页面过渡切换了。

在线演示 / 素材下载

5、CSS3滑动动画菜单

这是一款基于CSS3的相应式滑动动画菜单，菜单外观非常时尚大气，适合做产品宣传网站的导航菜单。

在线演示 / 素材下载

6、纯CSS3实现Metro Icon图标

这组按钮图标是利用CSS3技巧来绘制的Metro风格的Icon图标。按钮整体简单清新，非常美观。

在线演示 / 素材下载

7、jQuery字符滑动特效

这是一款基于jQuery的文字特效，该文字特效能让你鼠标滑过时产生文字滑动的效果，适合文字高亮显示。

在线演示 / 素材下载

8、基于jQuery自定义滚动条，支持滚轮

这个jQuery插件完全颠覆了浏览器自带的丑陋的滚动条，这款自定义滚动条可以随着鼠标的移入而显示，随着鼠标移出而消失，最重要的特点是，该jQuery滚动条支持鼠标滚轮。

在线演示 / 素材下载

9、jQuery自定义Loading动画插件Spin.js

Spin.js可以自定义动画加载图案的长度、宽度、粗细、速度等参数，非常灵活。 利用Spin.js可以快速地为你定制一款漂亮的加载动画图片。

在线演示 / 素材下载

以上就是9款开源的jQuery/CSS3网页应用，部分示例由网页素材大全提供，转载注明出处。