|
|
今天要分享给大家的是9款完美体验的HTML5/jQuery应用，这些基于HTML5和jQuery的应用都比较实用，而且也相对比较华丽，当然，这需要你使用支持HTML5的浏览器，一起来看看。 $}W=O:L+D 1、jQuery动画图标菜单导航 仿苹果样式 .yQDW]q81G 这次要分享的这款jQuery插件非常酷，它是一款带有动画按钮的jQuery菜单插件。而且从菜单的外观上来看，有点苹果菜单风格的味道。当我们将鼠标滑过菜单项时，即会有对应的图片悬浮到菜单项上面，效果非常不错的jQuery菜单。 XkuNLs4  hRxR2
在线演示 / 源码下载 .0.Ha}{6b 2、jQuery仿苹果样式焦点图插件 "+&|$* 这次我们要分享的这款jQuery焦点图非常特别，它的外观特别简单，但是又相当大气。焦点图的整体样式是仿苹果样式的，由于jQuery的运用，我们只要点击图片下方的缩略图即可达到图片切换的焦点图特效，这款jQuery焦点图插件非常适合在产片展示的网页上使用。 tQz-tQ g  hXbb+j 在线演示 / 源码下载 rt!5Tl+v 3、jQuery 3D图片滑块焦点图插件 a,M7Bb x 这是一款很酷的jQuery 3D焦点图插件，和之前分享的jQuery焦点图不同的是，这款焦点图插件的图片切换播放样式是3D的，图片就像立方体一样可以上下翻滚，同时你不仅可以点击焦点图的左右切换按钮，也可以通过图片下方的小按钮进行图片切换。 Rj SVa.x  |C Y.Y, 在线演示 / 源码下载 5"^$3&) 4、CSS3分享按钮动画特效 <d$|~qS _ 这是一款基于CSS3的社会化分享按钮，按钮非常简单，提供了分享到twitter、facebook、youtube等大型社交网站。每一个分享按钮都有个大社交网站的Logo图标，并且在鼠标滑过这些按钮时，利用CSS3的动画特性出现滑动的动画效果。 %{&yXi:mS  id&; 在线演示 / 源码下载 z930Wi{@ 5、jQuery动画进度条 实时显示进度百分比 Mh[;E'C6 这是一款基于jQuery的进度条插件，这款进度条插件在显示进度条的时候出现很不错的动画效果，另外，进度条在更新进度时也将实时显示进度数字百分比。进度条结束时，会显示完成字样。由于是基于jQuery的，所以这款进度条基本兼容所有浏览器。 W84JB3p  ~WehG<p v[ 在线演示 / 源码下载 sR + =<u1 6、基于Bootstrap和CSS3的响应式UI框架 b)3dZ*cOJ 还记得之前我们分享过的Metro扁平化风格的jQuery UI组件么，看上去是不是非常清新和绚丽？今天我们要来分享一组基于Bootstrap和CSS3的响应式UI框架，这个UI框架中，包含了自定义CSS3按钮、自定义CSS3复选框和单选框、自定义CSS3下拉框等等，外观非常漂亮。 : )cPc7$8  29 Yg>R!/ 在线演示 / 源码下载 V
;1$FNR
7、HTML5/CSS3鼠标滑过图片滤镜动画效果 + Q}Y ?([ 以前我们用CSS的滤镜属性来对图片做特殊的效果处理，比如阴影、模糊等。今天我们用HTML5和CSS3来实现图片的特效处理，当我们将鼠标滑过图片时，即会出现很不错的图片动画特效，像淡入淡出、放大缩小、百叶窗遮罩等HTML5特效。 vv"_u=H  +P6q
wh\v 在线演示 / 源码下载 HKb8z@;%@ 8、CSS3垂直进度条动画 数字百分比显示 GO+cCNMa" 这次我们要来分享一款CSS3进度条动画，这款进度条是垂直放置的，在进度加载的时候，进度条的背景会出现一个快速移动的箭头动画，并且随着进度条的移动，数字百分比也将随着进度实时更新，直至进度完成，完成后进度条颜色由红色编程绿色。 ujmO'blO  N'i%9S Bcg 在线演示 / 源码下载 M@E*_U!U 9、CSS3登录表单动画 可自动输入登录信息 j0Kj> 这是一款可自动输入登录信息的CSS3登录表单动画，这个动画模拟了用户从表单输入登录信息，点击登录按钮，并登录成功弹出欢迎信息这一全部过程，并且你可以重复播放这个动画。CSS3的确很强大，尤其在动画方面，CSS3非常不错。 lBgf' b3$  GFY Ag 在线演示 / 源码下载 pI,QkDJ0
|
