你的位置:首页 > Java教程

[Java教程]超炫酷web前端的jQuery/HTML5应用搜罗


作为前端开发者,我们肯定都使用过非常多的jQuery插件,毋庸置疑,jQuery非常流行,尤其是结合HTML5和CSS3以后,让这些jQuery插件有了更多地动画效果,更为绚丽多彩。

1、HTML5/CSS3一组可爱的3D按钮

这是一款利用HTML5和CSS3制作而成的按钮组合,这款CSS按钮非常具有个性化。该CSS3按钮不仅具有3D的外观,点击按钮也具有非常立体的效果,更具有特点的是这款CSS3按钮的形状是不规则的,而且按钮中都有一个可爱的小图标。

超炫酷web前端的jQuery/HTML5应用搜罗 - 爱七七五八网 - 1

在线演示

源码下载

2、jQuery Dock菜单 可悬浮页面两侧

今天我们要分享的这款菜单也是Dock类型的,并且是基于jQuery的,兼容性方面更加出色。这款jQuery Dock菜单可以悬浮在页面两侧,鼠标划过菜单项时将会出现很酷的动画效果。

超炫酷web前端的jQuery/HTML5应用搜罗 - 爱七七五八网 - 2

在线演示

源码下载

3、纯CSS3动画按钮 可左右滑动

利用CSS3的一些动画属性,我们可以让一些平凡的按钮变得生动有趣,提高用户体验。今天分享的这款CSS3动画按钮就非常特别,只要你用鼠标滑过按钮,按钮的背景就会出现一个很可爱的滑块背景,这个滑块背景可以左右滑动,鼠标移出按钮时,又会将滑块移出,看下面的按钮演示,非常动感。

超炫酷web前端的jQuery/HTML5应用搜罗 - 爱七七五八网 - 3

在线演示

源码下载

4、HTML5/CSS3社会化分享按钮 图标和图文按钮样式

这次我们要来分享一款基于HTML5和CSS3的社会化分享按钮,这款分享按钮外观样式非常漂亮,按钮的色彩也比较华丽自然,这款基于HTML5的分享按钮提供两种样式,一种是图标式按钮,另一种则是图标结合文字的按钮样式。这款分享按钮涵盖了大部分国外知名的社交网站,一次是一款非常实用的HTML5/CSS3社会化分享按钮应用。

超炫酷web前端的jQuery/HTML5应用搜罗 - 爱七七五八网 - 4

在线演示

源码下载

5、HTML5 3D相册图片轮播动画

这是一款基于HTML5和CSS3的3D相册浏览插件,它可以将相册中的图片以3D的方式展示出来,并且你可以滑动下面的滑杆来滑动图片浏览,同时,我们也可以指定数字让其直接跳转到指定的图片。这款HTML5 3D图片轮播动画用起来非常棒。

超炫酷web前端的jQuery/HTML5应用搜罗 - 爱七七五八网 - 5

在线演示

源码下载

6、jQuery动画下拉菜单 自定义菜单内容

这次我们要来分享一款jQuery菜单插件,这是一款jQuery动画下拉菜单,这款菜单的特点是下拉菜单项可以自定义内容,可以是图片和图文结合的内容,非常灵活。另外这款jQuery菜单在鼠标划过菜单项时也会出现向下展开的动画效果,是一款很实用的jQuery菜单。

超炫酷web前端的jQuery/HTML5应用搜罗 - 爱七七五八网 - 6

在线演示

源码下载

7、jQuery计数器动画特效插件

今天我们要来分享一款基于jQuery的计数器动画特效,什么是计数器,即在网页上显示一串数字,用来记录某项指标的数值变化,这款jQuery计数器插件可以帮助你实现在数值变化中产生一定的动画效果,让计数器的数字变化变得动感华丽。

超炫酷web前端的jQuery/HTML5应用搜罗 - 爱七七五八网 - 7

在线演示

源码下载

本文固定链接: http://www.i7758.com/archives/1649.html