精挑整理 8款HTML5/jQuery应用,高端大气上档次特效

ゝ一纸荒年。 2022-07-24 06:21 120阅读 0赞

原文：[精挑整理 8款HTML5/jQuery应用,高端大气上档次特效][8_HTML5_jQuery]

源代码下载地址：[http://www.zuidaima.com/share/1792113764060160.htm][8_HTML5_jQuery]

项目目录：

![20140423105605564.jpg][]

HTML5/CSS3时尚的圆盘时钟动画 带当前日期

我们可以利用HTML5和CSS3来实现一些钟表动画特效，效果都还不错。今天我们要分享一款利用HTML5和CSS3的圆盘时钟动画，时钟外观非常时尚。更重要的功能是，该HTML5时钟动画还带有当前的日期，这是很多时钟所没有的功能。

![20140423104047833.jpg][]

jquery视差滑块幻灯特效

非常酷的一款jQuery全屏焦点图插件，图很美。

![20140423101615461.jpg][]

HTML5仿Chrome样式控制滑杆动画

随着浏览器技术的发展，滑杆控制器在网页上应用越来越广泛。今天要分享一款HTML5的滑杆控制器，这个滑杆动画是放Chrome样式的，不仅外观非常漂亮，而且在数据初始化的时候还带有滑动动画特效，我们可以将此插件应用在数据更新、投票等系统中去。

![20140423101658740.jpg][]

HTML5/CSS3自定义下拉框 3D卡片折叠动画

之前我们分享过一款[CSS3带小图标下拉菜单][CSS3]，它更多的是一款菜单，但是今天要分享的一款CSS3自定义下拉框取代了传统的Select样式，用不一样的风格来让select更加美观。这款CSS3下拉框还有3D立体的卡片折叠动画效果，非常酷。

![20140423101716295.jpg][]

HTML5+CSS3实现注册登录窗体![20140423101736251.jpg][]

HTML5/CSS3超酷焦点图特效 带前后翻页按钮

今天要分享的这款HTML5/CSS3焦点图插件切换效果比较简单，但是外观和功能却十分强大。该CSS3焦点图在切换图片时，图片以淡入淡出的方式缩小 消失并显示下一张图片。焦点图插件还拥有一套非常大气的前后翻页按钮，是一款非常实用HTML5/CSS3焦点图应用。

![20140423101809577.jpg][]

![20140423102030367.jpg][]

HTML5/CSS3带日期区间的日期选择插件

今天我们来分享一款实用的HTML5/CSS3日期选择插件，这款日期选择插件的外观还是挺清新简易的，但是整体来说还是挺漂亮的。另外，该日期选择插件还有一个最大的特点，那就是可以自定义日期的区间，我们可以快速的制定区间范围内的日期，非常方便。

![20140423102332733.jpg][]

HTML5 SVG Tab滑块菜单 非常酷的Tab菜单

之前我们分享过很多HTML5/CSS3菜单，应该说大部分都还比较实用华丽，今天我们要来分享另外一种形式的HTML5菜单——HTML5 Tab菜单。这款Tab菜单是利用HTML5和SVG实现的，Tab菜单的外观非常漂亮，而且Tab切换也很方便。

![20140423103745912.jpg][]

**官方验证**

**下载后看了下，确实每个都是精品，6牛币我觉得很划算。**

包括如下特效：

html5-chrome-slider.rar HTML5仿Chrome样式控制滑杆动画DEMO演示

html5-css3-clock-with-date.rar HTML5/CSS3时尚的圆盘时钟动画在线演示

html5-css3-dropdown-menu.rar HTML5/CSS3自定义下拉框 3D卡片折叠动画在线演示

html5-css3-image-slider-nex-pre-button.rar HTML5/CSS3超酷焦点图特效 带前后翻页按钮演示地址

html5-date-range-picker.rar HTML5/CSS3带日期区间的日期选择插件演示地址

html5-svg-tab-slider.rar HTML5 SVG Tab滑块菜单演示地址

jiaoben258.rar jquery视差滑块幻灯特效

LoginRegistrationForm.rar HTML5和CSS3注册登录表单演示

由最代码官方编辑于2014-4-23 15:55:11

[8_HTML5_jQuery]: http://www.zuidaima.com/share/1792113764060160.htm
[20140423105605564.jpg]: http://static.zuidaima.com/images/15174/201404/20140423105605564.jpg
[20140423104047833.jpg]: http://static.zuidaima.com/images/1/201404/20140423104047833.jpg
[20140423101615461.jpg]: http://static.zuidaima.com/images/15174/201404/20140423101615461.jpg
[20140423101658740.jpg]: http://static.zuidaima.com/images/15174/201404/20140423101658740.jpg
[CSS3]: http://www.html5tricks.com/css3-dropdown-menu-with-icon.html
[20140423101716295.jpg]: /images/20220722/69e3b2fee0b748dc95061ba0a8f177d8.png
[20140423101736251.jpg]: http://static.zuidaima.com/images/15174/201404/20140423101736251.jpg
[20140423101809577.jpg]: http://static.zuidaima.com/images/15174/201404/20140423101809577.jpg
[20140423102030367.jpg]: http://static.zuidaima.com/images/15174/201404/20140423102030367.jpg
[20140423102332733.jpg]: http://static.zuidaima.com/images/15174/201404/20140423102332733.jpg
[20140423103745912.jpg]: http://static.zuidaima.com/images/15174/201404/20140423103745912.jpg