作者归档:sxwgf

基于jQuery和Bootstrap的垂直手风琴下拉菜单

今天我们要为大家分享一款基于jQuery和Bootstrap的垂直手风琴下拉菜单,因为它是Bootstrap风格的,所以外观上绝对可以称得上完美。另外,菜单项在展开的时候,菜单项的内容将会以飞入的动画特效展示出来,同时菜单项的展开按钮也会出现旋转的动画。与这款菜单类似的还有CSS3响应式垂直手风琴菜单基于jQuery和Bootstrap的手风琴垂直菜单这两款。

jquery-bootstrap-accordion-drop-menu

在线演示源码下载

迷你可爱的jQuery/CSS3圆盘时钟

记得以前跟大家分享过好几款基于jQuery或者HTML5/CSS3的圆盘时钟动画插件,比如这款HTML5/CSS3时尚的圆盘时钟动画和这款HTML5/CSS3圆盘秒表动画。今天要介绍的也是一款基于jQuery和CSS3的简易圆盘时钟,它的特点是圆盘中央会有一个很大的数字,表示当前是几点。

jquery-css3-circle-clock

在线演示源码下载

jQuery颜色选取插件 支持透明度选择

今天我们要为大家分享一款非常实用的jQuery颜色选取插件,它的颜色选取功能十分强大,不仅可以快速选择常用的标准色彩,而且可以在右侧的面板上自由选取所有的颜色,更为实用的是,你可以拖动透明度滑杆来选取当前颜色的不同透明度。

jquery-color-picker

在线演示源码下载

HTML5 SVG 世界地图旋转动画

这是一个以世界地图为背景的简易地球仪,通过HTML5和SVG的相关特性,实现了这个世界地图地球仪的旋转动画。地图旋转期间,会有飞机在地图上自由飞行,这样让这个动画更加逼真。与此相关的另外一个HTML5 Canvas 地球旋转3D动画也是非常的不错。

html5-word-map-rotate

在线演示源码下载

jQuery 3D 垂直螺旋切换焦点图动画

在之前的分享中,我们已经为大家介绍过许多炫酷和实用的jQuery焦点图动画插件,比如最近刚分享的jQuery卡片切换焦点图动画CSS3 3D立体图片翻转焦点图。这次我们要给大家展示另外一款很绚丽的jQuery 3D螺旋切换焦点图动画插件,它的图片切换方式类似垂直的螺旋叶片一样,动画形式特别富有3D立体的视觉效果。

jquery-3d-spiral-slider

在线演示源码下载

CSS3 3D图片向上翻转渐隐消失动画

今天我们要来分享一款很不错的图片文字提示动画特效,当我们将鼠标滑过图片时,图片就会出现向上翻转,然后出现图片的文字介绍,这个过程中利用了CSS3的相关属性让图片逐渐变得透明,同时渲染出一种3D的视觉效果。

css3-image-flip-text

在线演示源码下载

超富创意的CSS3飞机跑道进度条动画

前几天我们分享过一款很漂亮的CSS3彩色进度条加载动画 带进度百分比,相当实用。今天我们继续要为大家介绍一款非常具有创意的CSS3飞机跑道进度条动画,它的进度动画就像飞机在跑道上奔跑一样,整个进度条样式也酷似飞机跑道,当然这只是外观的不同,进度条还是那个进度条,实用性依然存在。

css3-aircraft-progressbar

在线演示源码下载

jQuery五彩Tab选项卡动画

前段时间刚刚为大家分享过一款jQuery圆角可自由伸缩的Tab选项卡,相当实用。今天要继续分享一款五彩的jQuery Tab选项卡动画插件,它与其他的Tab选项卡不同的是,不仅有多种风格可自由选择切换,而且切换每一个Tab页的时候Tab页内容的背景就会不同,非常炫酷。

jquery-tab-colorful

在线演示源码下载

jQuery卡片切换焦点图动画 内容可延迟展示

今天我们要来为大家分享一款比较特别的jQuery焦点图动画插件,它与我们之前分享过的焦点图插件不一样的地方在于,它切换的内容可以延迟展示,比如内容中的游戏人物图片就可以在整幅画面切换完成后再淡入显示,也就是说,它支持分步骤加载。

jquery-card-image-player

在线演示源码下载

纯CSS3 3D旋转立方体动画

之前已经为大家分享过几个非常炫酷的CSS3/HTML5立方体动画,比如这款HTML5 3D立方体旋转动画以及这款HTML5 3D立方体图片切换动画,效果都相当不错。这次要分享一个相对比较简单的纯CSS3 3D旋转立方体动画,初始化的时候会展示如何有平面生成一个立方体,生成完成后即在空间中自由旋转。

css3-3d-cube-rotate

在线演示源码下载