作者归档:sxwgf

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

在线演示源码下载

jQuery层叠式图片切换焦点图插件

之前我们为大家分享过一款jQuery内容层叠滚动切换动画插件,主要是针对文字的层叠式切换。今天要介绍的也是一款层叠式切换插件,不过它是一款jQuery焦点图应用,除了当前的图片,我们可以看到所有图片的一部分,切换后显示下一张图片,切换动画是层叠式的效果。

jquery-layered-image-player

在线演示源码下载

jQuery页面滚动元素展现隐藏动画插件

今天要给大家介绍一款超炫酷的jQuery动画插件,这款插件实现的功能是当页面向下滚动时,页面中的指定元素会以各种动画的方式展现出来,当页面向上滚动时,元素则会以各种动画方式隐藏。也就是说页面元素会随着可视范围的变化而出现展现隐藏的动画效果。

jquery-page-scroll-animation

在线演示源码下载

HTML5 Canvas 随机色彩光束爆炸动画特效

今天我们要给大家分享一款非常炫酷的HTML5 Canvas光束爆炸动画特效,它就像一朵光速爆炸开一样,动画效果非常绚丽。点击鼠标时,可以随机切换光速的颜色,当然你也可以在页面上放几个按钮,通过点击按钮来指定某一种颜色的光束。

html5-canvas-beam-explosion

在线演示源码下载

jQuery可拖拽的弹性分享按钮菜单

今天我们要给大家介绍一款非常有特色的分享按钮,它和HTML5/CSS3社会化分享按钮类似,也以小图标的方式呈现。不同的是,这款分享按钮点击后可以弹性展开各个小图标,并且拖动按钮时每一个小图标也会跟随鼠标移动,效果非常酷。

jquery-elasticity-share-button

在线演示源码下载

jQuery飘带式垂直手风琴下拉菜单

记得之前我们给大家分享过一些飘带式的菜单,比如CSS3 飘带菜单 超酷3D CSS3菜单CSS3飘带状多级下拉菜单;也分享过几款手风琴下拉菜单,可以在手风琴菜单栏目下查看。今天要分享的是一款飘带样式的垂直手风琴下拉菜单,恰好是两者的结合,效果非常不错。

jquery-ribbon-accordion-menu

在线演示源码下载

CSS3实现的公司发展历程时间轴

今天我们要给大家分享一款CSS3和JavaScript实现的时间轴动画,这款时间轴动画有以下几个特点:1、页面加载完成后,时间轴会按节点逐步展开;2、可以自定义节点的数量和位置;3、拥有动态背景动画特效,就像飞舞的棉絮吸附着鼠标,非常炫酷。这款时间轴插件可以应用在公司发展历程功能上,更直观地介绍公司的发展历程。

css3-company-timeline

在线演示源码下载