|
|
今天要分享给大家的是9款完美体验的HTML5/jQuery应用，这些基于HTML5和jQuery的应用都比较实用，而且也相对比较华丽，当然，这需要你使用支持HTML5的浏览器，一起来看看。 boG_f@dv( 1、jQuery动画图标菜单导航 仿苹果样式 phO;c;y} 这次要分享的这款jQuery插件非常酷，它是一款带有动画按钮的jQuery菜单插件。而且从菜单的外观上来看，有点苹果菜单风格的味道。当我们将鼠标滑过菜单项时，即会有对应的图片悬浮到菜单项上面，效果非常不错的jQuery菜单。 pW4 cX  A!^q
J# 在线演示 / 源码下载 VK@ !lJ u! 2、jQuery仿苹果样式焦点图插件 $XoQ ]}"O 这次我们要分享的这款jQuery焦点图非常特别，它的外观特别简单，但是又相当大气。焦点图的整体样式是仿苹果样式的，由于jQuery的运用，我们只要点击图片下方的缩略图即可达到图片切换的焦点图特效，这款jQuery焦点图插件非常适合在产片展示的网页上使用。 QeF3qXI  yA47"R 在线演示 / 源码下载 4& l10fR5 3、jQuery 3D图片滑块焦点图插件 Q_l'o3 这是一款很酷的jQuery 3D焦点图插件，和之前分享的jQuery焦点图不同的是，这款焦点图插件的图片切换播放样式是3D的，图片就像立方体一样可以上下翻滚，同时你不仅可以点击焦点图的左右切换按钮，也可以通过图片下方的小按钮进行图片切换。 /dnCwFXf  Haqm^Ky$ 在线演示 / 源码下载 [9: 9Ql_h 4、CSS3分享按钮动画特效 +}jJ&Z9 ) 这是一款基于CSS3的社会化分享按钮，按钮非常简单，提供了分享到twitter、facebook、youtube等大型社交网站。每一个分享按钮都有个大社交网站的Logo图标，并且在鼠标滑过这些按钮时，利用CSS3的动画特性出现滑动的动画效果。 V)}rEX  >M&3Y
XC 在线演示 / 源码下载 K _&4D' 5、jQuery动画进度条 实时显示进度百分比 w3$ 这是一款基于jQuery的进度条插件，这款进度条插件在显示进度条的时候出现很不错的动画效果，另外，进度条在更新进度时也将实时显示进度数字百分比。进度条结束时，会显示完成字样。由于是基于jQuery的，所以这款进度条基本兼容所有浏览器。 6Aocm R0D'  a MTu-hA 在线演示 / 源码下载 :6%Z]t t 6、基于Bootstrap和CSS3的响应式UI框架 bJs9X/E 还记得之前我们分享过的Metro扁平化风格的jQuery UI组件么，看上去是不是非常清新和绚丽？今天我们要来分享一组基于Bootstrap和CSS3的响应式UI框架，这个UI框架中，包含了自定义CSS3按钮、自定义CSS3复选框和单选框、自定义CSS3下拉框等等，外观非常漂亮。 zXRlo]  U(x]O/m 在线演示 / 源码下载 >t7x>_~
7、HTML5/CSS3鼠标滑过图片滤镜动画效果 Y".RPiTL 以前我们用CSS的滤镜属性来对图片做特殊的效果处理，比如阴影、模糊等。今天我们用HTML5和CSS3来实现图片的特效处理，当我们将鼠标滑过图片时，即会出现很不错的图片动画特效，像淡入淡出、放大缩小、百叶窗遮罩等HTML5特效。 y|wc ,n%L>  r7qh >JrO 在线演示 / 源码下载 d ^`?ed\1 8、CSS3垂直进度条动画 数字百分比显示 !W?gR.0$= 这次我们要来分享一款CSS3进度条动画，这款进度条是垂直放置的，在进度加载的时候，进度条的背景会出现一个快速移动的箭头动画，并且随着进度条的移动，数字百分比也将随着进度实时更新，直至进度完成，完成后进度条颜色由红色编程绿色。 -lv)tHs<  p) +k=b 在线演示 / 源码下载 J`2"KzR0w" 9、CSS3登录表单动画 可自动输入登录信息 c*~]zR>s! 这是一款可自动输入登录信息的CSS3登录表单动画，这个动画模拟了用户从表单输入登录信息，点击登录按钮，并登录成功弹出欢迎信息这一全部过程，并且你可以重复播放这个动画。CSS3的确很强大，尤其在动画方面，CSS3非常不错。 4WK3.6GN  m4*@o? Ow 在线演示 / 源码下载 f7}*X|_Y
|
