纯CSS3实现可爱的表情动画

CSS3非常强大,我们可以利用CSS3相关特性绘制很多平面图形,并且可以制作很多简单的动画。今天要分享的是一款用纯CSS3实现的可爱表情动画。一共有7组表情动画,我们可以在文章底部将这些表情用作读者看完文章的心情。

css3-expression-animation

在线演示源码下载

jQuery Tooltip气泡提示框插件 多种漂亮主题风格

今天我们要给大家分享一款非常炫酷的jQuery Tooltip气泡提示框插件,这款气泡提示框与之前分享的一款CSS气泡提示框 可自定义配置箭头不同的是,这款气泡提示框插件拥有多种不同的漂亮主题风格,而且气泡提示框弹出的时候还可以定义各种炫酷的动画效果,非常实用。

jquery-tooltip-theme

在线演示源码下载

jQuery/Bootstrap实现个性化Tab菜单插件

之前我们分享过许多外观漂亮而且非常实用的jQuery Tab菜单插件,比如HTML5 SVG Tab滑块菜单CSS3/jQuery实现Tab菜单小工具都是非常不错的Tab菜单插件。今天我们再分享一款基于jQuery和Bootstrap的个性化Tab菜单插件,这款Tab菜单的菜单项非常独特,三角梯形的菜单按钮非常不错,让人印象相当深刻。

jquery-bootstrap-tab-menu

在线演示源码下载

jQuery 3D方块散落动画

今天我们要来分享一款非常酷的jQuery动画,它是一款jQuery 3D方块散落动画,首先在一张3D的桌面上放置着随机大小的方块,然后每一个方块都会定时散落下去,最后又会自动补齐方块,周而复始的循环,3D动画非常炫酷。

jquery-3d-cube-scattered

在线演示源码下载

jQuery精美的加减乘除计算器 支持存储功能

之前我们为大家分享过几款功能和样式都比较不错的jQuery/HTML5计算器,比如这款简洁美观的jQuery计算器插件jQuery实现简易的计算器程序,使用起来都还可以。今天要介绍的这款jQuery计算器功能相对比较强大,除了可以实现常用的加减乘除以外,还支持各种存储功能,比如存储、取存、累存、积存,使用起来将更加方便。

jquery-calculator-storage

在线演示源码下载

HTTML5 Canvas心电图动画 可多参数控制

今天要给大家分享另外一个超炫酷的HTML5 Canvas动画,它是一个心电图动画效果,程序运行时就会模拟心电图在屏幕上打印当前心跳信息。同时动画中带有一些开关按钮来控制心电图中的各个参数,动画相当逼真。

html5-canvas-electrocardiogram

在线演示源码下载

HTML5简易版仿超级玛丽小游戏

还记得之前给大家分享过的一款HTML5超级玛丽小游戏吗?这款游戏非常逼真的用HTML5重写了超级玛丽这款经典游戏。今天要分享的也是一款基于HTML5的游戏应用,它是一款仿超级玛丽的简易版游戏,游戏中用简单的符号替代了超级玛丽任务,游戏中个各种场景也做了简化,但是实现原理还是相似的,方便开发者学习。

html5-simple-mario

在线演示源码下载

jQuery左右切换层叠式焦点图动画

今天我们要来分享一款非常实用的jQuery焦点图动画,它并没有绚丽的切换动画特效,但是却以层叠切换的方式展现,很适合大屏的焦点图插件应用。这款jQuery焦点图插件和之前分享的jQuery左右层叠幻灯片焦点图插件jQuery内容层叠滚动切换动画插件有类似的动画效果。

jquery-stack-image-player

在线演示源码下载

CSS3/SVG实现鼠标滑过3D展开文字描述图层

现在很多HTML5动画都会结合SVG来制作,因为SVG可以更方面地描述界面图形元素。今天要介绍的一款动画就是利用CSS3结合SVG实现的,它可以让我们在鼠标滑过图片时,通过3D立体的视觉效果展示文字描述图层,动画效果非常绚丽。

css3-svg-hover-3d-layer

在线演示源码下载

jQuery/CSS3彩色进度条插件 动态百分比提示

今天要为大家分享一款非常实用的jQuery/CSS3彩色进度条插件,进度条的UI风格比较漂亮,进度实体部分有发光的动画特效。另外还有一个特点是,进度百分比会动态提示,让用户实时了解当前事件的进度情况,并且在结束时提示进度完成情况。

jquery-css3-dynamic-progressbar

在线演示源码下载