分类目录归档:精华

炫酷实用的jQuery插件 涵盖菜单、按钮、图片

新的一周开始了,今天我们要为大家分享一些全新的jQuery插件HTML5/CSS3应用,这些jQuery插件不仅非常炫酷,而且还挺实用,这次的分享包含jQuery菜单、CSS3按钮已经多种图片特效,一起来看看吧。

1、CSS3书本翻页动画 书本翻页效果逼真

今天我们要分享一款炫酷而且实用的CSS3动画效果,它是模拟书本翻页的动画特效。当鼠标滑过书本右上角时,书本即可向前翻一页,而且翻页动画非常逼真。由于CSS3的运用,我们并不需要使用复杂的图片来制造逼真的书本效果,书本翻页可以很简单地完成。之前也有分享过一些HTML5书本翻页动画:jQuery/CSS3书本翻页动画特效HTML5/CSS3书本翻页3D动画

css3-page-flip

在线演示        源码下载

2、纯CSS3黑色气泡背景动画菜单

今天我们要来分享一款非常酷的CSS3动画菜单,这款CSS3菜单有一个很漂亮的黑色气泡背景,菜单是银白色的,和黑色的背景交织在一起更加显得有3D立体的视觉效果。CSS3的运用让菜单有圆角的效果,鼠标滑过菜单时也会改变背景。

pure-css3-animated-menu

在线演示        源码下载

3、jQuery[......]

阅读全文>>

最佳HTML5超酷动画演示及源码

今天是周末,一起来回顾一下分享的最佳HTML5 3D动画演示及源码,HTML5非常强大,是WEB开发的未来。

1、HTML5/CSS3图片选择动画 可选择多张图片

之前我们已经分享过几款很酷的HTML5图片特效,像HTML5 3D图片折叠特效HTML5 3D旋转图片相册等应用。今天我们来分享一款既炫酷又实用的HTML5图片选择特效,当图片被选中时,图片上就会覆盖一个半透明的层,上面有一个勾,并且在选中的时候图片出现弹跳的动画效果。

html5-css3-image-selector

在线演示        源码下载

2、HTML5/CSS3折叠动画登录表单

之前我们分享过一款仿facebook的登录表单,效果的确很赞。今天我们再来分享一款很有特色的CSS3登录表单,这款登录表单的用户名和密码是分开输入的,当输入用户名,然后按回车时,即会折叠展开密码输入框,这个3D折叠的效果很不错。

css3-unfold-login-form

在线演示        源码下载

3、纯CSS3实现图片复古效果 鼠标滑过切换

今天我们要分享一款非常酷的图片效果,这个效果在很多P图软件中经常可以看到,就是对一张图片进行复古效果的渲染。这款CSS3图片效果就实现了[......]

阅读全文>>

HTML5/jQuery动画应用 3D视觉效果

今天我们要来分享几款很酷的HTML5/CSS3动画应用,虽然不是HTML5 3D应用,但也有3D的视觉效果。HTML5结合jQuery,让网页应用变得更加强大了。一起来看看这些HTML5/jQuery动画应用吧。

1、HTML5 3D动画柱形图表

这次我们要来分享一款效果非常酷的HTML5 3D柱形图表,这款HTML5图表和之前分享的都不一样,主要是外观上比较吸引人,首先图表是3D立体的,有一种非常棒的视觉效果;其次,当鼠标划过柱形图表时,会有很不错的HTML5动画效果。

html5-3d-animated-bar-chart

在线演示        源码下载

2、HTML5 Canvas烟花动画 可控制烟花速度和大小

这款HTML5烟花动画我们应该比较熟悉,因为之前有分享过类似的HTML5动画了。这个HTML5烟花动画是基于canvas的,可以说是之前分享那款的升级版,它可以控制烟花上升的速度和烟花绽放花朵的大小。由于是在HTML5 Canvas画布上完成,因此也就非常灵活。

html5-canvas-fireworks

在线演示        源码下载

3、HTML5/CSS3动画图标按钮

今天要分享一款基于HTML5和CSS3的动画按钮,当[......]

阅读全文>>

超炫酷的jQuery/HTML5应用搜罗

作为前端开发者,我们肯定都使用过非常多的jQuery插件,毋庸置疑,jQuery非常流行,尤其是结合HTML5和CSS3以后,让这些jQuery插件有了更多地动画效果,更为绚丽多彩。下面分享了一些超炫酷的jQuery/HTML5应用,一起来看看。

1、HTML5/CSS3一组可爱的3D按钮

这是一款利用HTML5和CSS3制作而成的按钮组合,这款CSS按钮非常具有个性化。该CSS3按钮不仅具有3D的外观,点击按钮也具有非常立体的效果,更具有特点的是这款CSS3按钮的形状是不规则的,而且按钮中都有一个可爱的小图标。

html5-css3-pretty-button

在线演示        源码下载

2、jQuery Dock菜单 可悬浮页面两侧

还记得之前分享的一款基于CSS3的Android Dock菜单么?的确,效果非常酷。今天我们要分享的这款菜单也是Dock类型的,并且是基于jQuery的,兼容性方面更加出色。这款jQuery Dock菜单可以悬浮在页面两侧,鼠标划过菜单项时将会出现很酷的动画效果。

jquery-dock-menu

在线演示        源码下载

3、纯CSS3动画按钮 可左右滑动

利用CSS3的一些动画[......]

阅读全文>>

超酷实用的CSS3 Tab菜单集合

在网页应用中,有一种既方便用户浏览又节省空间的应用就是Tab菜单了,今天我们精选了一些基于CSS3的Tab菜单,效果很酷,而且比较实用。

1、CSS3华丽的Tab菜单 带小图标动画

之前我们分享过一款非常出色的CSS3 Tab菜单HTML5 SVG Tab滑块菜单,结合SVG,Tab菜单实现非常灵活。今天我们要再来分享一款基于CSS3的华丽Tab菜单,这款Tab菜单的菜单项是一个个小图标,鼠标滑过时,菜单项展示对应文字,并出现展开的动画。

css3-tab-with-icon

在线演示        源码下载

2、响应式CSS3 Tab菜单 带小图标菜单

这次要介绍的这款响应式CSS3 Tab菜单非常不错,它看起来挺简单的,而且设计也干净利落,但是Tab菜单的实用性很强。每一个tab项都有文字和小图标,当屏幕宽度变小时,比如在手机上浏览,那文字会自动隐藏,只剩下小图标。

css3-responsive-tab-menu

在线演示        源码下载

3、CSS3外观漂亮淡入淡出Tab菜单

这也是一款用CSS3制作的Tab菜单,菜单的外观很普通,没什么特别,但却十分简单大气。利用CSS3的特性,每一个Tab标签都是圆角的,这让整一[......]

阅读全文>>

9款完美体验的HTML5/jQuery应用

今天要分享给大家的是9款完美体验的HTML5/jQuery应用,这些基于HTML5和jQuery的应用都比较实用,而且也相对比较华丽,当然,这需要你使用支持HTML5的浏览器,一起来看看。

1、jQuery动画图标菜单导航 仿苹果样式

这次要分享的这款jQuery插件非常酷,它是一款带有动画按钮的jQuery菜单插件。而且从菜单的外观上来看,有点苹果菜单风格的味道。当我们将鼠标滑过菜单项时,即会有对应的图片悬浮到菜单项上面,效果非常不错的jQuery菜单。

jquery-icon-animated-menu

在线演示        源码下载

2、jQuery仿苹果样式焦点图插件

这次我们要分享的这款jQuery焦点图非常特别,它的外观特别简单,但是又相当大气。焦点图的整体样式是仿苹果样式的,由于jQuery的运用,我们只要点击图片下方的缩略图即可达到图片切换的焦点图特效,这款jQuery焦点图插件非常适合在产片展示的网页上使用。

jquery-apple-image-slide

在线演示        源码下载

3、jQuery 3D图片滑块焦点图插件

这是一款很酷的jQuery 3D焦点图插件,和之前分享的jQuery焦点图不同的是,这款焦点图[......]

阅读全文>>

超酷体验 绚丽的jQuery和CSS3应用插件

新的一周即将开始,在周末的两天里,我们也为这周分享的jQuery插件HTML5/CSS3应用做了充足的准备。今天我们收集了8款超酷体验的jQuery/CSS3应用插件,并将其源代码打包,一起分享给大家,喜欢的朋友请分享一下。

1、jQuery/CSS3实现Android Dock菜单效果

这是一款基于jQuery和CSS3的Android Dock菜单效果,点击底部的按钮即可让应用图标浮动上来,并且按钮也出现3D的翻转效果。jQuery是一款应用十分广泛的javascript类库,很多前端开发者都十分青睐jQuery框架。

jquery-css3-android-dock

在线演示        源码下载

2、CSS3彩色进度条 按百分比显示不同颜色

这是一款很不错的CSS3进度条应用,这款CSS3进度条和普通的不一样,它可以根据不同的百分比来显示当前进度的颜色,很像游戏中人物生命值一样,随着进度增加,进度条的颜色就会发生变化。更多CSS3进度条,可以移步至CSS3进度条栏目。

css3-progress-bar-with-color

在线演示        源码下载

3、jQuery图片360度旋转插件

这是一款jQuery图片插件,当我们用鼠标拖[......]

阅读全文>>

视觉盛宴 HTML5 3D动画应用赏析

以下是一些很棒的HTML5 3D动画应用,值得一看。

1、3D HTML5 Logo动画 HTML5多视角3D旋转动画

HTML5 3D动画实现起来非常方便,之前介绍过基于jQuery的3D旋转插件是利用多张多视角图片播放来实现的,而今天分享的这款HTML5 3D旋转动画是利用纯HTML5技术实现的,该动画实现了HTML5 Logo旋转的效果。

3d-html5-logo-animation

在线演示        源码下载

2、HTML5 3D实景地图动画 3D效果很酷

利用HTML5来实现3D的效果真的非常酷,也比较简单,我们可以来回顾一下之前介绍的一些HTML5 3D动画效果。今天我们来分享一款全新的HTML5 3D效果,是一款3D实景地图,这款3D地图截取了实景的房屋大厦,并且可以旋转展示,非常酷。

html5-3d-real-map

在线演示        源码下载

3、HTML5/CSS3 3D环形图片墙 伴随旋转动画

我们分享过很多HTML5图片特效,包括HTML5图片播放、HTML5图片缩放等效果。今天我们要分享一款基于HTML5/CSS3的3D环形图片墙,该HTML5图片特效是一面3D立体的墙,墙上贴着一些图片[......]

阅读全文>>

超赞 值得一试的jQuery插件和CSS3应用

jQuery和CSS3相结合往往能制作出令人意想不到的网页应用,比如可以给平淡无光的菜单添加3D效果,可以给不起眼的小按钮增加发光的动画特效。下面我们就来看看jQuery和CSS3的魅力,这几款应用有些还是比较实用的。

1、jQuery图片横向滚动插件

这是一款利用jQuery实现的图片横向滚动插件,我们可以设置任意数量的图片,然后点击左右箭头按钮即可分组浏览这些图片。这款jQuery图片插件的优势有两点,其一是可以定义每组图片的数量,其二是图片可循环播放,而且简单实用。

jquery-image-her-scroll

在线演示        源码下载

2、实时更新数据的jQuery highcharts图表插件

今天我们要来分享一款基于jQuery的highcharts实时图表插件,highcharts图表插件定义了每隔一秒钟更新数据,然后根据每个数据点绘制一条折线,随着数据的更新,折线也就会不停的向前移动,形成一个类似CPU实时监控的曲线图表。这款jQuery图表插件应用比较广泛,兼容所有浏览器。

real-time-jquery-chart

在线演示        源码下载

3、jQuery UI滑杆插件 可Tooltip提示

今天[......]

阅读全文>>

前端不容错过的jQuery图片滑块插件

作为前端开发者,我们会碰到很到各种各样的jQuery插件,但老实说,很少有自己写的。今天要分享的几款jQuery图片滑块插件,也就是jQuery焦点图插件,基本上会在每个网站都有应用,可以下载看看,也许你可以用到。

1、jQuery多图并列焦点图插件

今天我们要来分享一款比较特别的jQuery焦点图插件,它允许你自己定义当前画面的图片数量,在这个演示中,我们定义了3张图片一起显示。和其他jQuery焦点图一样,这款焦点图插件的图片下方也有一排小按钮,可以任意切换图片。另外,每张图片也都有文字描述。

jquery-mult-image-player

在线演示        源码下载

2、jQuery动画焦点图 可自动播放图片

这是一款简单而实用的jQuery焦点图插件,焦点图不仅可以在播放图片的时候让图片有淡入淡出的动画效果,而且图片可以自动播放。该jQuery焦点图的每一张图片都可以设置文字描述,并浮动在图片之上。由于其简单的配置,这款jQuery焦点图可以很方便地与你的网站相结合。

jquery-auto-play-image

在线演示        源码下载

3、jQuery缩略图动态缩放焦点图

今天我们要来分享一款jQuery焦点图,[......]

阅读全文>>