超炫酷的jQuery/HTML5应用搜罗
2014-07-17 10:43
113 查看
作为前端开发者,我们肯定都使用过非常多的jQuery插件,毋庸置疑,jQuery非常流行,尤其是结合HTML5和CSS3以后,让这些jQuery插件有了更多地动画效果,更为绚丽多彩。下面分享了一些超炫酷的jQuery/HTML5应用,一起来看看。
这是一款利用HTML5和CSS3制作而成的按钮组合,这款CSS按钮非常具有个性化。该CSS3按钮不仅具有3D的外观,点击按钮也具有非常立体的效果,更具有特点的是这款CSS3按钮的形状是不规则的,而且按钮中都有一个可爱的小图标。
在线演示
源码下载
还记得之前分享的一款基于CSS3的Android Dock菜单么?的确,效果非常酷。今天我们要分享的这款菜单也是Dock类型的,并且是基于jQuery的,兼容性方面更加出色。这款jQuery
Dock菜单可以悬浮在页面两侧,鼠标划过菜单项时将会出现很酷的动画效果。
在线演示
源码下载
利用CSS3的一些动画属性,我们可以让一些平凡的按钮变得生动有趣,提高用户体验。今天分享的这款CSS3动画按钮就非常特别,只要你用鼠标滑过按钮,按钮的背景就会出现一个很可爱的滑块背景,这个滑块背景可以左右滑动,鼠标移出按钮时,又会将滑块移出,看下面的按钮演示,非常动感。
在线演示
源码下载
这次我们要来分享一款基于HTML5和CSS3的社会化分享按钮,这款分享按钮外观样式非常漂亮,按钮的色彩也比较华丽自然,这款基于HTML5的分享按钮提供两种样式,一种是图标式按钮,另一种则是图标结合文字的按钮样式。这款分享按钮涵盖了大部分国外知名的社交网站,一次是一款非常实用的HTML5/CSS3社会化分享按钮应用。
在线演示
源码下载
这是一款基于HTML5和CSS3的3D相册浏览插件,它可以将相册中的图片以3D的方式展示出来,并且你可以滑动下面的滑杆来滑动图片浏览,同时,我们也可以指定数字让其直接跳转到指定的图片。这款HTML5
3D图片轮播动画用起来非常棒。
在线演示
源码下载
这次我们要来分享一款jQuery菜单插件,这是一款jQuery动画下拉菜单,这款菜单的特点是下拉菜单项可以自定义内容,可以是图片和图文结合的内容,非常灵活。另外这款jQuery菜单在鼠标划过菜单项时也会出现向下展开的动画效果,是一款很实用的jQuery菜单。
在线演示
源码下载
今天我们要来分享一款基于jQuery的计数器动画特效,什么是计数器,即在网页上显示一串数字,用来记录某项指标的数值变化,这款jQuery计数器插件可以帮助你实现在数值变化中产生一定的动画效果,让计数器的数字变化变得动感华丽。
在线演示
源码下载
以上就是这些超炫酷的jQuery/HTML5应用搜罗,欢迎收藏分享。
本文链接:http://www.html5tricks.com/so-cool-jquery-html5-apps.html
1、HTML5/CSS3一组可爱的3D按钮
这是一款利用HTML5和CSS3制作而成的按钮组合,这款CSS按钮非常具有个性化。该CSS3按钮不仅具有3D的外观,点击按钮也具有非常立体的效果,更具有特点的是这款CSS3按钮的形状是不规则的,而且按钮中都有一个可爱的小图标。在线演示
源码下载
2、jQuery Dock菜单 可悬浮页面两侧
还记得之前分享的一款基于CSS3的Android Dock菜单么?的确,效果非常酷。今天我们要分享的这款菜单也是Dock类型的,并且是基于jQuery的,兼容性方面更加出色。这款jQueryDock菜单可以悬浮在页面两侧,鼠标划过菜单项时将会出现很酷的动画效果。
在线演示
源码下载
3、纯CSS3动画按钮 可左右滑动
利用CSS3的一些动画属性,我们可以让一些平凡的按钮变得生动有趣,提高用户体验。今天分享的这款CSS3动画按钮就非常特别,只要你用鼠标滑过按钮,按钮的背景就会出现一个很可爱的滑块背景,这个滑块背景可以左右滑动,鼠标移出按钮时,又会将滑块移出,看下面的按钮演示,非常动感。在线演示
源码下载
4、HTML5/CSS3社会化分享按钮 图标和图文按钮样式
这次我们要来分享一款基于HTML5和CSS3的社会化分享按钮,这款分享按钮外观样式非常漂亮,按钮的色彩也比较华丽自然,这款基于HTML5的分享按钮提供两种样式,一种是图标式按钮,另一种则是图标结合文字的按钮样式。这款分享按钮涵盖了大部分国外知名的社交网站,一次是一款非常实用的HTML5/CSS3社会化分享按钮应用。在线演示
源码下载
5、HTML5
3D相册图片轮播动画
这是一款基于HTML5和CSS3的3D相册浏览插件,它可以将相册中的图片以3D的方式展示出来,并且你可以滑动下面的滑杆来滑动图片浏览,同时,我们也可以指定数字让其直接跳转到指定的图片。这款HTML53D图片轮播动画用起来非常棒。
在线演示
源码下载
6、jQuery动画下拉菜单 自定义菜单内容
这次我们要来分享一款jQuery菜单插件,这是一款jQuery动画下拉菜单,这款菜单的特点是下拉菜单项可以自定义内容,可以是图片和图文结合的内容,非常灵活。另外这款jQuery菜单在鼠标划过菜单项时也会出现向下展开的动画效果,是一款很实用的jQuery菜单。在线演示
源码下载
7、jQuery计数器动画特效插件
今天我们要来分享一款基于jQuery的计数器动画特效,什么是计数器,即在网页上显示一串数字,用来记录某项指标的数值变化,这款jQuery计数器插件可以帮助你实现在数值变化中产生一定的动画效果,让计数器的数字变化变得动感华丽。在线演示
源码下载
以上就是这些超炫酷的jQuery/HTML5应用搜罗,欢迎收藏分享。
本文链接:http://www.html5tricks.com/so-cool-jquery-html5-apps.html
相关文章推荐
- 超炫酷的jQuery/HTML5应用搜罗
- 超炫酷web前端的jQuery/HTML5应用搜罗
- 炫酷实用 7款jQuery/HTML5图片应用
- web前端炫酷实用的HTML5应用和jQuery插件
- 炫酷实用 7款jQuery/HTML5图片应用
- web前端炫酷实用的HTML5应用和jQuery插件
- 超炫酷的jQuery/HTML5应用效果及源码
- 使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用
- 9款精美的jQuery/HTML5特效应用
- 10款强大的jQuery/HTML5应用新鲜出炉
- 经典炫酷的HTML5/jQuery动画应用示例及源码
- 非常华丽的jQuery/HTML5应用推荐
- 8个炫酷的HTML5动画、应用和游戏
- 7款炫酷实用的jQuery/HTML5菜单
- 使用jQuery、Yahoo API和HTML5的geolocation来开发一个天气预报web应用
- 9款很酷炫jQuery/HTML5特效应用 有源码哦~