9款完美体验的HTML5/jQuery应用
1、jQuery动画图标菜单导航 仿苹果样式
这次要分享的这款jQuery插件非常酷，它是一款带有动画按钮的jQuery菜单插件。而且从菜单的外观上来看，有点苹果菜单风格的味道。当我们将鼠标滑过菜单项时，即会有对应的图片悬浮到菜单项上面，效果非常不错的jQuery菜单。
2、jQuery仿苹果样式焦点图插件
这次我们要分享的这款jQuery焦点图非常特别，它的外观特别简单，但是又相当大气。焦点图的整体样式是仿苹果样式的，由于jQuery的运用，我们只要点击图片下方的缩略图即可达到图片切换的焦点图特效，这款jQuery焦点图插件非常适合在产片展示的网页上使用。
3、jQuery 3D图片滑块焦点图插件
这是一款很酷的jQuery 3D焦点图插件，和之前分享的jQuery焦点图不同的是，这款焦点图插件的图片切换播放样式是3D的，图片就像立方体一样可以上下翻滚，同时你不仅可以点击焦点图的左右切换按钮，也可以通过图片下方的小按钮进行图片切换。
4、CSS3分享按钮动画特效
这是一款基于CSS3的社会化分享按钮，按钮非常简单，提供了分享到twitter、facebook、youtube等大型社交网站。每一个分享按钮都有个大社交网站的Logo图标，并且在鼠标滑过这些按钮时，利用CSS3的动画特性出现滑动的动画效果。
5、jQuery动画进度条 实时显示进度百分比
这是一款基于jQuery的进度条插件，这款进度条插件在显示进度条的时候出现很不错的动画效果，另外，进度条在更新进度时也将实时显示进度数字百分比。进度条结束时，会显示完成字样。由于是基于jQuery的，所以这款进度条基本兼容所有浏览器。
6、基于Bootstrap和CSS3的响应式UI框架
还记得之前我们分享过的Metro扁平化风格的jQuery UI组件么，看上去是不是非常清新和绚丽？今天我们要来分享一组基于Bootstrap和CSS3的响应式UI框架，这个UI框架中，包含了自定义CSS3按钮、自定义CSS3复选框和单选框、自定义CSS3下拉框等等，外观非常漂亮。
7、HTML5/CSS3鼠标滑过图片滤镜动画效果
以前我们用CSS的滤镜属性来对图片做特殊的效果处理，比如阴影、模糊等。今天我们用HTML5和CSS3来实现图片的特效处理，当我们将鼠标滑过图片时，即会出现很不错的图片动画特效，像淡入淡出、放大缩小、百叶窗遮罩等HTML5特效。
8、CSS3垂直进度条动画 数字百分比显示
这次我们要来分享一款CSS3进度条动画，这款进度条是垂直放置的，在进度加载的时候，进度条的背景会出现一个快速移动的箭头动画，并且随着进度条的移动，数字百分比也将随着进度实时更新，直至进度完成，完成后进度条颜色由红色编程绿色。
9、CSS3登录表单动画 可自动输入登录信息
这是一款可自动输入登录信息的CSS3登录表单动画，这个动画模拟了用户从表单输入登录信息，点击登录按钮，并登录成功弹出欢迎信息这一全部过程，并且你可以重复播放这个动画。CSS3的确很强大，尤其在动画方面，CSS3非常不错。
本文固定链接: http://www.i7758.com/archives/1249.html
9款完美体验的HTML5/jQuery应用的更多相关文章
- 分享8款绚丽的HTML5/jQuery特效插件
有几天没有分享前端资源了,今天要向大家分享15款非常给力的HTML5/jQuery特效插件,废话少说,一起来看看. 1.CSS3图片重力感应特效 很酷的一款CSS3模拟重力感应特效,你可以拖动图片来甩 ...
- 网站开发中很实用的 HTML5 & jQuery 插件
这篇文章挑选了15款在网站开发中很实用的 HTML5 & jQuery 插件,如果你正在寻找能优化网站,使其更具创造力和视觉冲击,那么本文正是你需要的.这些优秀的 jQuery 插件能为你的网 ...
- 9款精致HTML5/jQuery日历时钟控件源码下载（源码请见百度云） 链接：http://pan.baidu.com/s/1geIXe75 密码：7m4a
现在的网页应用越来越丰富,我们在网页中填写日期和时间已经再也不用手动输入了,而是使用各种各样的日期时间选择控件,大部分样式华丽的日期选择和日历控件都是基于jQuery和HTML5的,比如今天要分享的这 ...
- 精挑细选 8款HTML5/jQuery应用助网站走向高上大
在WEB3.0的时代,我们的网站不仅要实现实用价值,更要为用户设计优秀的用户体验.jQuery是一个不错的JS框架,结合目前最新的HTML5技术,我们可以将自己的网站脱胎换骨,立马走向高上大,至少在前 ...
- 7款经典炫酷的HTML5/jQuery动画应用示例及源码
jQuery是一款普遍受前端开发者欢迎的Javascript框架,但是开发者貌似更关注jQuery开发的插件,海量的jQuery插件让前端开发者非常方便.HTML5的加入让jQuery这个家族更加丰富 ...
- 推荐15款创建漂亮幻灯片的 jQuery 插件
对于设计师,开发者,摄影师或任何创造性的个人和企业,他们自己的网站是展示他们的技能和服务的最佳场所.你可能打算设计一个新的个人作品网站,不管你是从头开始或使用模板,都会需要使用 jQuery 幻灯片插 ...
- 分享10款功能强大的HTML5/CSS3应用插件
1.纯CSS3美化Checkbox和Radiobox按钮 外观很时尚 利用CSS3我们可以打造非常具有个性化的用户表单,今天我们就利用CSS3美化Checkbox复选框和Radiobox单选框.CSS ...
- 分享9款最新超酷HTML5/CSS3应用插件
新的一周开始了,小编继续要为大家分享实用超酷的HTML5应用,今天分享的这9款最新HTML5/CSS3应用你一定会很喜欢,一起来看看. 1.HTML5 Canvas模拟衣服撕扯动画 超级逼真 今天又要 ...
- 15款创建美丽幻灯片的 jQuery 插件
1. Skippr Skippr 是一个超级简单的 jQuery 幻灯片插件.仅仅是包含你的网页中引入 jquery.skippr.css 和 jquery.skippr.js 文件就能使用了. Sk ...
随机推荐
- Javascript模块化编程系列三: CommonJS & AMD 模块化规范描述
CommonJS Module 规范 CommonJS 的模块化规范描述在Modules/1.1.1 中 目前实现此规格的包有: Yabble,CouchDB,Narwhal (0.2), Wakan ...
- [AngularJS] Best Practise - Minification and annotation
Annotation Order: It's considered good practice to dependency inject Angular's providers in before o ...
- android环境部署（1.1）
前言 对于android文件的解释和说明下载,这里分享一个博客大家了解吧.这里作者提供的下载地址可能有无效的,关键是解析..... 转自:http://www.cnblogs.com/bjzhangh ...
- MySql 日期格式化函数date_format()
mysql> select date_format(now(),'%Y'); +-------------------------+ | date_format(now(),'%Y') | +- ...
- WebService究竟是什么？
一.序言 大家或多或少都听过WebService(Web服务),有一段时间非常多计算机期刊.书籍和站点都大肆的提及和宣传WebService技术,当中不乏非常多吹嘘和做广告的成分.可是不得不承认的是W ...
- js获得控件位置
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...
- win7系统中的声音图标不见了怎么办
转载:http://jingyan.baidu.com/article/dca1fa6f815023f1a44052d6.html 我以前用的比较多的还是xp系统,对xp系统中的一些常见的操作还是很方 ...
- Handler发送消息
Handler发送消息小结 字数283 阅读210 评论0 喜欢1 obtainMessage()得到一个Message对象. 创建一个Message然后发送是这么写的: Message msg = ...
- nodejs学习第一天
//按照nodejs文档上第一页的例子敲了一遍运行了 迷茫 先这样吧 慢慢来 const http = require('http'); const host = '127.0.0.1'; const ...
- Android（java）学习笔记68：同步代码块 和 同步方法 的应用
1. 同步代码块 和 同步方法 代码示例: (1)目标类,如下: package cn.himi.text; public class SellTicket implements Runnable { ...