超绚丽的 Bootstrap 水晶样式按钮集合

5,922 人浏览

2016-12-11 17:13:09

html5tricks网站开办以来，我们已经为大家分享过很多炫酷实用的按钮插件，有些基于HTML5，有些则是基于jQuery。这次我们要分享一款基于Bootstrap样式的水晶样式按钮，有很多种颜色样式供你选择，外观非常绚丽。你可以选择一个样式应用到自己的网页中。

bootstrap-crystal-buttons

在线演示源码下载

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

7,085 人浏览

发表回复

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

jquery-image-slider-background

在线演示源码下载

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

6,546 人浏览

发表回复

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

在线演示源码下载

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

14,609 人浏览

发表回复

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

jquery-transition-slider

在线演示源码下载

HTML5 Canvas推箱子小游戏

10,537 人浏览

发表回复

2016-12-09 17:20:04

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

html5-canvas-box-game

在线演示源码下载

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

5,923 人浏览

发表回复

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

在线演示源码下载

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

4,932 人浏览

发表回复

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