作者归档:sxwgf

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

在线演示源码下载

HTML5 Canvas和SVG实现的五彩万花筒动画

Canvas的优势在于允许你在画板上任意绘制图形,SVG的优势在于可以很方便的在网页上绘制各种形状的路径。今天分享给大家的就是一款基于HTML5 Canvas和SVG的五彩万花筒动画,五彩斑斓的彩色路径将会不停的变换形状和颜色,效果非常炫酷。

html5-svg-color-cylinder

在线演示源码下载

纯CSS3实现的六边形加载动画

之前我们分享过很多样式各异的CSS3 Loading动画,例如这个纯CSS3五彩Loading加载动画CSS3液体形态的Loading动画。这次给大家带来另外一个基于纯CSS3的六边形加载动画,这个Loading动画的特点是有许多个小的六边形组合成一个大六边形,在等待加载的时候小六边形和大六边形之间不停的组合切换。

pure-css3-hexagon-loading

在线演示源码下载

JavaScript和CSS3实现跟随鼠标发光的按钮

在深色背景的网页中,我们经常会采用一些高亮效果的按钮来使整个页面更加协调。这次我们要分享一个用JavaScript和CSS3实现的发光按钮,当鼠标在按钮上或者按钮周围时,发光的效果就会跟随鼠标移动,在深色背景页面中,这种发光动画的按钮还是很漂亮的。

javascript-css3-shine-button

在线演示源码下载