基于Anime.js的全屏视差效果图片切换插件

Anime.js是一个超级实用的JavaScript动画库,之前我们也分享过一些基于Anime.js的动画实例,应该说,使用anime.js可以帮助我们很方便的实现一些网页动画。今天我们要分享的就是一款基于anime.js的全屏视差效果的图片切换插件,在内容切换的时候,anime.js可以让画面具有弹性的动画效果。

animejs-image-player

在线演示源码下载

HTML5自定义皮肤的在线视频播放器

HTML5原生支持在网页中插入一个视频播放器,支持视频播放的全部功能。这次我们分享一款自定义皮肤的HTML5在线视频播放器,一共有4种皮肤供大家选择。它简化了一些原生播放器的功能,比如上一个、下一个,但是它对播放器默认的皮肤做了优化,让播放器的外观变得更加简洁漂亮。

html5-custom-video-player

在线演示源码下载

一组带进度动画的HTML5 SVG柱形统计图

今天我们给大家介绍一款基于HTML5和SVG的横向柱形统计图表,它的特点是每一个数据组都有不同的颜色表示,同时每组数据都有不同的百分比来表示。图表在初始化的时候带有进度条的动画效果,所以你也可以把它当作进度条来使用。

html5-svg-bar-chart

在线演示源码下载

jQuery手风琴样式的图片切换组件

在网页中手风琴样式的组件十分常见,我们也分享过很多手风琴样式的菜单、焦点图等,很多都非常实用。今天我们要分享另外一款基于jQuery的手风琴样式图片切换组件,支持水平和垂直两种模式,菜单切换的同时另一边的图片也会跟着切换。

jquery-image-player-accordion

在线演示源码下载

HTML5 Canvas金色漩涡动画

HTML5动画技术在Canvas上得到了充分的发挥,我们之前也分享过很多基于HTML5 Canvas的动画特效,比如最近分享的HTML5 Canvas雾状火焰动画。这次我们给大家带来另外一款超炫酷的HTML5 Canvas金色漩涡动画,漩涡中不停旋转的水波非常的逼真。

html5-canvas-golden-swirl

在线演示源码下载

CSS3 3D倾斜视差图片特效

CSS3有一些属性能够实现3D的视觉效果,将这些3D特性应用到图片上时就可以让图片呈现出立体的效果。今天给大家带来的这款基于CSS3的3D倾斜视差图片特效非常不错,图片上方悬浮文字标题,并且在图片周围添加合适的投影,同时会随着鼠标的移动形成3D视差效果。

css3-3d-lean-image

在线演示源码下载

CSS3发光线条旋转Loading加载动画

最近,我们刚刚分享过一款纯CSS3实现的六边形加载动画,这种利用几何图形实现Loading动画的创意还是不错的。这次我们要分享的也是一款基于纯CSS3的Loading加载动画,它由2条逆向旋转的发光线条组成,在黑色的背景下,这种发光的动画显得更加漂亮。

css3-shine-line-loading

在线演示源码下载

纯CSS3实现3D展开动画的图标菜单

我们知道利用CSS3可以制作很多效果炫酷的3D动画特效,比如这次要分享的一款CSS3菜单,它正是利用了CSS3的一些特性,实现了菜单展开时的3D动画特效,同时当你将鼠标滑过菜单项时,菜单项还会呈现发光的效果,从而使整体的视觉效果更佳立体炫酷。

css3-3d-icon-menu

在线演示源码下载

jQuery简易版的Excel表格功能插件

在网页中,我们经常会处理很多复杂的数据,大部分情况下,我们会使用表格来存储和处理数据,同时也会对一些数据进行合并、计算等操作。这次分享一款基于jQuery的简易版Excel表格插件,它模拟了Excel的一些常用功能,包括数据的录入、选取、智能填充以及各式样式等功能,并且支持右键菜单,对于常用的数据操作已经完全能够胜任了。

jquery-excel

在线演示源码下载

JavaScript实现带垂直下拉菜单的图片切换插件

之前我们分享过很多实用和炫酷的jQuery图片切换插件,也分享过一些漂亮的垂直下拉菜单插件,但是如果将这两者结合起来是不是会更实用一些。今天带来的这款JavaScript应用就实现了这个功能,它是一款带有垂直下拉菜单的图片切换插件,在图片播放器左侧将会悬浮一列菜单,并且鼠标滑过菜单项时将会展开二级菜单,同时你还可以点击左右切换按钮来切换图片。

javascript-image-player-menu

在线演示源码下载