jQuery带缩略图的焦点图动画 可切换背景

这次我们要分享一款很不错的jQuery焦点图插件,和之前的焦点图动画相同的是,它同样有缩略图,点击缩略图即可切换到任意一张图片,而且图片切换时也有淡入淡出的动画特效。但不同的是,这款jQuery焦点图插件在图片切换时网页的背景颜色也会随着改变,这个你可以自己设置。

jquery-image-slider-background

在线演示源码下载

HTML5 Canvas 3种不同风格的圆盘时钟

这次我们要继续为大家分享一款基于HTML5 Canvas的圆盘时钟动画,和之前分享的这款HTML5 Canvas 圆形时钟动画类似,它也是基于HTML5的,但是这款时钟提供了3种不同的样式风格,而且时钟的大小可以自己控制。

html5-canvas-3-style-clock

在线演示源码下载

经典实用的jQuery多过渡动画焦点图插件

这是一款相当实用的jQuery焦点图动画插件,它的特点是焦点图下方会有每一张图片的缩略图,点击缩略图即可快速切换到任意一张图片。另外一个特点是每一张图片切换时会出现多种过渡动画,这样让图片切换不那么单调。而且你可以用鼠标拖拽图片实现切换效果,因此也适合在移动设备上使用。

jquery-transition-slider

在线演示源码下载

HTML5 Canvas推箱子小游戏

很久没有分享HTML5游戏源码了,今天就来分享一款非常经典的HTML5小游戏,一款考验你智力的推箱子游戏,这个游戏很常见,你应该是玩过的,这次我们用HTML5来重写了这款推箱子游戏,游戏设置和很多关卡,越到后面难度越高。

html5-canvas-box-game

在线演示源码下载

HTML5 3D 魔方日历动画 3种不同日历风格

之前我们分享过很多款样式各异的jQuery和HTML5日历控件,但今天要介绍的这款日历控件绝对是超炫酷的,它非常富有创意,利用了HTML5的3D特性实现了魔方的日历动画控件,每一个日期就是一个小的魔方立方体,鼠标滑过日期时,立方体就会旋转,点击日期时,就会展示当前日期的行程安排。另外更酷的是,插件一共提供了3种不同的日历样式。

html5-3d-calendar

在线演示源码下载

基于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

在线演示源码下载