阅读更多

3顶
0踩

Web前端

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

2013-05-22 10:07 by 见习编辑 html5_dev 评论(0) 有7910人浏览
如何让平凡的网页变的生动富有活力,如何让操作枯燥而又繁琐的网页变得巧妙而人性化,相信下面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