作者归档:sxwgf

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

在线演示源码下载

HTML5 Canvas粒子数字时钟动画

还记得我们之前分享的几款HTML5粒子动画特效吗?比如这款HTML5文本输入框粒子动画特效HTML5 Canvas生成粒子效果的人物头像,效果都非常炫酷。今天我们要给大家介绍的也是一款基于HTML5 Canvas的粒子数字时钟动画,时钟会读取本地时间,并且每变化一次均会出现粒子动画效果,这款粒子数字时钟非常适合在你的个性化博客中使用。

html5-canvas-pixel-clock

在线演示源码下载

jQuery横向手风琴图片切换动画

之前我们为大家分享过很多款基于jQuery和CSS3的手风琴菜单和手风琴焦点图插件,比如CSS3响应式垂直手风琴菜单jQuery横向手风琴图片展示插件。今天要介绍的也是一款基于jQuery的横向手风琴图片切换动画,鼠标滑过图片时即可展开,并且图片上方有文字标题,非常实用。

jquery-vertical-accordion-image

在线演示源码下载

jQuery/CSS3渐变颜色拾取器

之前我们向大家分享过一款功能十分强大的jQuery颜色拾取器,支持透明度的选取。今天要为大家介绍的同样是一款基于jQuery的颜色选取插件,不同的是,这款颜色拾取器功能更加强大,支持多个颜色的插入,形成渐变色的选取。

jquery-css3-linear-color

在线演示源码下载

jQuery世界国家城市多级联动 支持关键词搜索

之前我们分享过几款中国各城市的省市联动下拉框,比如jQuery多级联动美化版Select下拉框。今天要介绍的这款jQuery城市多级联动功能更加强大,不仅支持全世界各个国家城市的多级联动,而且每一级都支持关键词搜索,可以快速定位需要选择的国家和城市。

jquery-world-city-select-2

在线演示源码下载

HTML5 Canvas 圆形进度条 显示数字百分比

记得以前为大家分享过很多样式各异的进度条插件,有基于jQuery的,也有基于HTML5和CSS3的。这次我们要介绍另外一款基于HTML5 Canvas的圆形进度条应用,在黑色的背景下,白色的进度条显得格外显眼,而且圆形中央会实时显示当前进度的数字百分比,非常实用。

html5-canvas-circle-percentage

在线演示源码下载

CSS3实现3D卡通文字效果

之前我们介绍过很多基于jQuery和CSS3的文字动画特效,比如HTML5/CSS3发光文字 可自定义文字色彩就非常炫酷。今天要分享的是一款基于CSS3的3D卡通文字效果,文字呈现的是3D立体的视觉效果,鼠标滑过文字时会出现晃动的动画效果。

css3-3d-kartoon-text

在线演示源码下载

jQuery多动画对话框窗口和提示框插件

之前我们分享过很多款外观和功能都不一的jQuery对话框和提示框插件,比如jQuery弹出层对话框 外观优雅带遮罩CSS3/jQuery自定义弹出窗口。这次要分享的同样是一款jQuery对话框插件,它的特点是弹出对话框的动画效果有很多种,演示中每一个按钮即一种动画效果。另外,插件还提供多种提示框动画插件,功能十分强大。

jquery-animated-window-popover

在线演示源码下载