分类目录归档:Uncategorized

CSS3 3D 复选框翻转动画

这是一款基于CSS3的复选框插件,这款复选框插件非常具有特点,当复选框被选中或者取消选中是,复选框将会出现翻转跳跃的动画特效。另外,这款CSS3 3D复选框也考虑到了禁用复选框的情况,禁用后,复选框变成灰色,并且不可选择。同时,你可以使用正常的取值方式来获取复选框的选择情况,因此使用起来也十分方便。

css3-3d-flip-checkbox

在线演示源码下载

VueJS表头固定的数据表格 可按每列排序

在网页中,表格(table)大部分用于数据的展示和处理,在jQuery的时代,用于表格的插件非常多。今天我们介绍一个基于VueJS的表格应用,它的特点是表格表头固定,也就是说当表格数据行很多时,页面下拉时表头可以固定,方便查看每一列的数据。另外还有特点是我们可以对每一个列进行排序。同时,这款JS表格的外观也不错,可以很好用到你的项目中。VueJS还是挺灵活的。

js-sticky-sort-table

在线演示源码下载

基于VueJS的滑块组件 支持级联滑动和渐变色

我一直在玩VueJS,并想尝试一个实验,看看将这个基于jQuery UI的的滑块插件用VueJS实现是多么容易。对于这个插件,我并非将所有功能都翻译过来了,因为jQuery UI的滑块组件提供了许多额外的功能, 但这个基于Vue的滑块也比较接近基于jQuery UI的了,它支持多个滑杆级联滑动,并且支持在滑杆上渲染渐变颜色。

vuejs-slider-pips

在线演示源码下载

漂亮实用的Select下拉框美化插件Tether

浏览器自带的select下拉框不仅大部分都不太美观,而且各自的浏览器select下拉框都会有不同的外观和样式。这次我们要给大家分享一款基于Tether的Select下拉框美化插件,它提供了很多接口,包括初始化和获取选择值,这里有完整的使用文档

select-tether

在线演示源码下载

HTML5翻牌消除小游戏

这是一款基于HTML5的翻牌游戏,当翻出的2张牌相同的话,就可以将牌消除。如果你对HTML5熟悉的话,可以自己扩大游戏的矩阵,让游戏难度稍稍加大。另外,这款HTML5游戏可能对你来说并没有太多用处,但是你可以学习里面的HTML5代码。

html5-card-remove-game

在线演示源码下载

jQuery文字描述悬浮焦点图宽屏展示

这次我们要来分享一款jQuery焦点图插件,这款jQuery焦点图插件有2个特点,第一是焦点图以宽屏的形式展现,第二是焦点图的图片上方悬浮着文字描述,并且可以在文字描述上点击切换按钮。焦点图整体非常大气,不仅可以通过左右按钮来切换,而且可以点击下面的按钮来切换至任意图片。

jquery-text-silder

在线演示源码下载

HTML5仿Apple Watch时钟动画

Apple Watch刚刚发布不久,就已经有国外的大牛将其时钟表盘界面用HTML5模仿出来了,并且这款HTML5仿Apple Watch的时钟是动态的,可以根据本地时间实时更新指针数据。时钟的界面非常华丽,确实有苹果的风格,HTML5也的确非常强大。

html5-apple-watch

在线演示源码下载

CSS3百叶窗图片切换 图片很美

这款CSS3图片切换插件非常漂亮,图片切换是百叶窗的效果,更值得注意的是插件提供了4种不同的百叶窗特效,有水平百叶窗、垂直百叶窗和淡入淡出百叶窗等。并且,该CSS3百叶窗图片切换插件切换时非常平滑,效果很不错。

css3-blind-image

在线演示源码下载

HTML5重力感应游戏 甩甩领导的头像

快过年了,工资没涨多少吧,年终奖没发吧,恨领导吧。现在利用这款HTML5重力感应游戏来尽情甩领导的头像吧。制作一些你憎恨的领导们的头像图片,利用该HTML5重力感应游戏插件来拖动鼠标甩动这些头像,叫你不加工资…叫你不加工资…

html5-zlgy

在线演示源码下载