超酷体验 绚丽的jQuery和CSS3应用插件

开发 前端
新的一周即将开始,在周末的两天里,我们也为这周分享的jQuery插件、HTML5/CSS3应用做了充足的准备。今天我们收集了8款超酷体验的jQuery/CSS3应用插件,并将其源代码打包,一起分享给大家,喜欢的朋友请分享一下。

新的一周即将开始,在周末的两天里,我们也为这周分享的jQuery插件HTML5/CSS3应用做了充足的准备。今天我们收集了8款超酷体验的jQuery/CSS3应用插件,并将其源代码打包,一起分享给大家,喜欢的朋友请分享一下。

1、jQuery/CSS3实现Android Dock菜单效果

这是一款基于jQuery和CSS3的Android Dock菜单效果,点击底部的按钮即可让应用图标浮动上来,并且按钮也出现3D的翻转效果。jQuery是一款应用十分广泛的javascript类库,很多前端开发者都十分青睐jQuery框架。

jquery-css3-android-dock

在线演示        源码下载

2、CSS3彩色进度条 按百分比显示不同颜色

这是一款很不错的CSS3进度条应用,这款CSS3进度条和普通的不一样,它可以根据不同的百分比来显示当前进度的颜色,很像游戏中人物生命值一样,随着进度增加,进度条的颜色就会发生变化。更多CSS3进度条,可以移步至CSS3进度条栏目。

css3-progress-bar-with-color

在线演示        源码下载

3、jQuery图片360度旋转插件

这是一款jQuery图片插件,当我们用鼠标拖动图片时,图片可以在水平方向上任意旋转,我们可以从不同的视角看到图上的立方体。另外利用jQuery,我们可以发现当图片拖动旋转的时候,图片不同的角度会有不同的光线变化,这让整个动画显得非常立体。

jquery-360-image-scroll

在线演示        源码下载

4、CSS3自定义按钮的登录表单

今天我们要来分享一款CSS3登录表单,实现简单,而且非常实用,登录按钮可以自定义外观。整个登录表单色彩比较清新,表单外边框利用CSS3属性有一层淡淡的阴影,让这款CSS3登录表单显得简单中凸显高贵,另外登录表单的输入框也是经过自定义样式的,挺漂亮的。

css3-login-form-buttons

在线演示        源码下载

5、jQuery产品图片滑动展示动画

我们在电子商务网站上需要展示图片的时候,需要用到jQuery的产品图片展示插件会比较方便,今天分享的这款jQuery图片滑动展示动画就很好的解决了产品图片展示的效果。利用该插件,我们可以产品图片分组,然后每一组即可切换显示。

jquery-product-image-slider

在线演示        源码下载

6、CSS3自定义Radiobox样式 开关按钮效果

今天我们要来分享一款基于CSS3的自定义Radiobox样式,是通过定义label样式实现的。这款CSS3 Radiobox样式的开关按钮可以帮你实现点击切换的特效,你也可以用它来替换古老而丑陋的Radiobox控件,效果非常不错的CSS3应用。

css3-radio-switch-button

在线演示        源码下载

7、纯CSS3个性化圆形按钮登录表单

之前刚分享过一款CSS3实现的个性化登录表单CSS3自定义按钮的登录表单,非常清新自然。这次我们再来分享一款纯CSS3实现的登录表单,这款登录表单的登录按钮是圆形的,非常有个性。整个按钮的实现也都是CSS3做的,非常有意思的一款登录表单。

css3-circle-button-login-form

在线演示        源码下载

8、HTML5 Canvas动画折线图 可动态添加节点

今天我们要来分享一款基于HTML5 Canvas的折线图表,这款HTML5折线图表的特点有两个,一个是图表是有动画效果的,即在图表初始化的时候带有动画特效;第二个是这个HTML5折线图表可以让你动态添加数据节点,并且用折线平滑地连接,Canvas是这款折线图的一个画板。

html5-canvas-animated-line

在线演示        源码下载

以上就是8款绚丽的jQuery和CSS3应用插件,欢迎收藏分享。

本文链接:http://www.html5tricks.com/cool-jquery-css3-app-plugin.html

本文作者:html5tricks – 超人

责任编辑:林师授 来源: html5tricks
相关推荐

2014-05-26 16:37:10

jQueryCSS3

2015-10-10 14:22:46

jQueryCSS3栏菜单

2012-11-15 09:41:43

jQuery

2011-11-17 09:24:27

HTML 5

2012-04-10 10:31:07

2012-05-27 18:28:46

jQuery Mobi

2012-02-24 09:11:45

jQuery

2013-09-24 13:56:25

jQueryCSS

2015-05-27 07:44:34

日历控件 jQueryCSS3

2012-01-10 14:59:42

jQuery

2011-03-22 08:54:02

HTML 5CSS3JavaScript

2009-04-03 08:33:59

Symbian诺基亚Photo Brows

2011-09-21 11:02:17

HTML 5

2012-05-11 09:37:34

HTML5

2012-09-13 09:24:31

CSSJSjQ

2024-04-28 08:31:47

CSS3Clamp()函数响应式设计工具

2014-04-29 10:39:27

CSS3JavaScript

2012-03-02 10:50:20

jQuery

2012-05-24 11:03:55

HTML5

2011-08-30 16:39:34

HTML 5
点赞
收藏

51CTO技术栈公众号