还记得之前分享的一款基于CSS3的Android Dock菜单么？的确，效果非常酷。今天我们要分享的这款菜单也是Dock类型的，并且是基于jQuery的，兼容性方面更加出色。这款jQuery Dock菜单可以悬浮在页面两侧，鼠标划过菜单项时将会出现很酷的动画效果。
jQuery Dock菜单 可悬浮页面两侧
10,802 人浏览
2014-07-16 21:34:42
HTML5/CSS3一组可爱的3D按钮
14,680 人浏览
jQuery动画下拉菜单 自定义菜单内容
8,768 人浏览
超酷实用的CSS3 Tab菜单集合
67,754 人浏览
在网页应用中，有一种既方便用户浏览又节省空间的应用就是Tab菜单了，今天我们精选了一些基于CSS3的Tab菜单，效果很酷，而且比较实用。
1、CSS3华丽的Tab菜单 带小图标动画
之前我们分享过一款非常出色的CSS3 Tab菜单HTML5 SVG Tab滑块菜单，结合SVG，Tab菜单实现非常灵活。今天我们要再来分享一款基于CSS3的华丽Tab菜单，这款Tab菜单的菜单项是一个个小图标，鼠标滑过时，菜单项展示对应文字，并出现展开的动画。
2、响应式CSS3 Tab菜单 带小图标菜单
这次要介绍的这款响应式CSS3 Tab菜单非常不错，它看起来挺简单的，而且设计也干净利落，但是Tab菜单的实用性很强。每一个tab项都有文字和小图标，当屏幕宽度变小时，比如在手机上浏览，那文字会自动隐藏，只剩下小图标。
3、CSS3外观漂亮淡入淡出Tab菜单
这也是一款用CSS3制作的Tab菜单，菜单的外观很普通，没什么特别，但却十分简单大气。利用CSS3的特性，每一个Tab标签都是圆角的，这让整一[......]
9款完美体验的HTML5/jQuery应用
8,817 人浏览
2014-07-15 07:43:09
今天要分享给大家的是9款完美体验的HTML5/jQuery应用，这些基于HTML5和jQuery的应用都比较实用，而且也相对比较华丽，当然，这需要你使用支持HTML5的浏览器，一起来看看。
1、jQuery动画图标菜单导航 仿苹果样式
这次要分享的这款jQuery插件非常酷，它是一款带有动画按钮的jQuery菜单插件。而且从菜单的外观上来看，有点苹果菜单风格的味道。当我们将鼠标滑过菜单项时，即会有对应的图片悬浮到菜单项上面，效果非常不错的jQuery菜单。
2、jQuery仿苹果样式焦点图插件
这次我们要分享的这款jQuery焦点图非常特别，它的外观特别简单，但是又相当大气。焦点图的整体样式是仿苹果样式的，由于jQuery的运用，我们只要点击图片下方的缩略图即可达到图片切换的焦点图特效，这款jQuery焦点图插件非常适合在产片展示的网页上使用。
3、jQuery 3D图片滑块焦点图插件
这是一款很酷的jQuery 3D焦点图插件，和之前分享的jQuery焦点图不同的是，这款焦点图[......]
超酷体验 绚丽的jQuery和CSS3应用插件
8,403 人浏览
2014-07-14 08:00:17
新的一周即将开始，在周末的两天里，我们也为这周分享的jQuery插件、HTML5/CSS3应用做了充足的准备。今天我们收集了8款超酷体验的jQuery/CSS3应用插件，并将其源代码打包，一起分享给大家，喜欢的朋友请分享一下。
1、jQuery/CSS3实现Android Dock菜单效果
这是一款基于jQuery和CSS3的Android Dock菜单效果，点击底部的按钮即可让应用图标浮动上来，并且按钮也出现3D的翻转效果。jQuery是一款应用十分广泛的javascript类库，很多前端开发者都十分青睐jQuery框架。
2、CSS3彩色进度条 按百分比显示不同颜色
这是一款很不错的CSS3进度条应用，这款CSS3进度条和普通的不一样，它可以根据不同的百分比来显示当前进度的颜色，很像游戏中人物生命值一样，随着进度增加，进度条的颜色就会发生变化。更多CSS3进度条，可以移步至CSS3进度条栏目。
3、jQuery图片360度旋转插件
这是一款jQuery图片插件，当我们用鼠标拖[......]
jQuery动画图标菜单导航 仿苹果样式
8,541 人浏览
2014-07-12 21:55:33
jQuery仿苹果样式焦点图插件
10,831 人浏览
这次我们要分享的这款jQuery焦点图非常特别，它的外观特别简单，但是又相当大气。焦点图的整体样式是仿苹果样式的，由于jQuery的运用，我们只要点击图片下方的缩略图即可达到图片切换的焦点图特效，这款jQuery焦点图插件非常适合在产片展示的网页上使用。
接下来我们一起分享一下实现这款苹果焦点图的过程及源码。
HTML代码：
<div id="gallery">
<div id="slides" style="width: 3680px; margin-left: 0px;">
<div class="slide"><img width="920" height="400" alt="side" src="img/sample_slides/macbook.jpg"></div>
<div class="slide"><img width="920" height="400" alt="side" src="img/sample_slides/iphon[......]
jQuery动画进度条 实时显示进度百分比
28,564 人浏览
jQuery/CSS3实现Android Dock菜单效果
9,236 人浏览