作者归档:sxwgf

纯CSS3实现图文轮播焦点图插件

以前我们分享过很多基于jQuery和CSS3的焦点图插件,但是大部分都是多张图片的轮播。今天要介绍的虽然也是一款基于CSS3的焦点图插件,但是它的特点是可以同时进行图文轮播,准确的说,每个画面都可以自定义网页元素,是一款非常实用的焦点图插件。

css3-image-text-player

在线演示源码下载

经典的jQuery垂直手风琴二级下拉菜单

最近我们刚刚为大家分享过一款基于jQuery和Bootstrap的垂直手风琴下拉菜单,效果非常不错。今天我们要再为大家介绍另外一款经典的jQuery垂直手风琴二级下拉菜单,菜单的界面非常简洁,菜单项由文字和小图标组成,非常适合网站后台管理的侧边菜单栏。

jquery-vertical-accordion-menu

在线演示源码下载

纯CSS3绘制可爱的神奇宝贝

CSS3非常强大,之前我们还介绍过很多基于纯CSS3的动画特效,比如纯CSS3绘制的旺仔头像动画,非常可爱。今天我们要为大家分享一款纯CSS3绘制可爱的神奇宝贝动物形象,特别的是,它还会眨眼、摇尾等表情,非常逼真。

css3-pokemon

在线演示源码下载

jQuery头像裁剪插件 支持自定义上传图片

这是一款非常实用的jQuery头像裁剪插件,利用这款插件,我们可以对用户上传的头像图片进行区域的选定,然后按照约定的比例进行裁剪。这款jQuery头像裁剪插件不仅支持图片的缩放,而且支持用户自定义上传图片,简单易用,是一款很难得的jQuery插件

jquery-avatar-cut

在线演示源码下载

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

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

bootstrap-crystal-buttons

在线演示源码下载

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

在线演示源码下载