资讯频道 → Web前端
阅读更多

3顶
0踩

Web前端

原创新闻 9 款设计巧妙的jQuery/CSS3网页应用

2013-05-22 10:07 by 见习编辑 html5_dev 评论(0) 有7923人浏览
jQuery CSS3 CSS Web 前端

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

如何让平凡的网页变的生动富有活力，如何让操作枯燥而又繁琐的网页变得巧妙而人性化，相信下面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网页应用，部分示例由网页素材大全提供，转载注明出处。
3
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics