jQuery事件循环滚动的时间轴插件

今天给大家分享一款基于jQuery的时间轴插件,它的功能就像是扩展版的jQuery焦点图那样,不仅可以像时间轴那样沿着轴向前翻滚,而且可以点击按钮向前或者向后翻滚,这有点类似传统的焦点图插件,并且这些在时间轴上的事件可以循环滚动。

jquery-event-timeline

在线演示源码下载

纯CSS自适应响应式Table数据表格

今天给大家分享一个用纯HTML和CSS实现的table表格,非常实用。首先,表格的头部采用了隔列换色的形式,表格的行也采用斑马式的交替颜色,这些都是通过CSS定义的,因此表格的外观看起来还不错。其次表格是自适应响应式的,当页面缩小到一定范围时,表头将以行的形式固定,数据可以水平拖动。整体来说,这个自定义表格用起来还是很不错的,你也可以定义自己喜欢的颜色风格。

css-responsive-table

在线演示源码下载

CSS3卡片3D翻转动画 卡片带3D按钮

很多现代网站现在都喜欢用卡片式的风格,即在首页中将文章标题、内容和主题图片制作成卡片展示。今天这款就是基于CSS3的卡片动画,卡片中的元素可以是任意HTML元素,这里比较特别的是在文字下方显示一个3D按钮,同时当我们将鼠标滑过卡片时,卡片会呈现3D的翻转动画。

css3-3d-card-button

在线演示源码下载

HTML5 Canvas奇幻色彩Loading加载动画

之前我们分享过很多基于CSS3的Loading加载动画,通过CSS3的高级特性,可以制作出形态各异的Loading加载动画组件。今天给大家带来的这款Loading加载动画是基于HTML5 Canvas的,在canvas画布上,我们动态绘制许多多边形,这些多边形伴随着颜色的随机变化和旋转,形成了奇幻色彩的视觉效果,是一款非常炫酷的HTML5 Loading动画特效。

html5-canvas-color-loading

在线演示源码下载

CSS3鼠标滑过购物车图片切换 可分享和搜索

今天给大家分享一款很实用的CSS3购物车图片插件,它的功能是当你将鼠标滑过购物车图片时,图片会切换成另外一张图片,同时在图片上方产生一层带操作按钮的遮罩层,你可以定义分享、比较和搜索等操作,你也可以自己添加删除小按钮。

css3-image-hover-share

在线演示源码下载

基于jQuery的瀑布流图片筛选插件

瀑布流的展现方式在目前的网页中用得越来越广泛,特别是图片和首页文章的动态加载。今天分享的这款就是基于jQuery的瀑布流图片筛选插件,我们可以点击图片分类名称,即可将对应分类下的图片以瀑布流的方式展示出来,这款插件在筛选图片上使用还是比较方便的。

jquery-waterfalls-images

在线演示源码下载

基于Layui的可自定义添加删除数据的表格处理插件

如何在网页上编辑表格数据,这通过自己编写JS和CSS实现都是比较麻烦的,jQuery有很多插件可以完成这种功能,比如这款jQuery简易版的Excel表格功能插件,就可以基本满足网页上的数据编辑。这次我们分享的这款插件是基于Layui的,layui 是一款采用自身模块规范编写的前端UI框架,这款表格插件可以允许你非常方便的添加、删除表格行数据,并且通过服务器接口进行保存。你只需要定制前端的数据列和后端的保存逻辑即可,数据交互均采用JSON格式。

layui-table-data

在线演示源码下载

HTML5 Canvas模拟飞机航班线路动画

我们在网页中可以通过HTML5的Canvas画板绘制很多图形,甚至做许多动画特效,你可以在我们的HTML5 Canvas栏目中找到这些动画。今天我们给大家带来另外一款基于HTML5 Canvas的飞机航班线路模拟动画,它模拟了许多航班在不同目的地的起飞降落数量。

html5-canvas-flight-line

在线演示源码下载

纯CSS3开关样式的自定义单选框

之前我们分享过很多非常实用的自定义单选框和复选框插件,大部分都是通过CSS3实现,比如这款CSS3漂亮的自定义Checkbox复选框;也有些是基于jQuery的,比如这款jQuery美化版复选框checkbox。今天给大家分享另外一款基于纯CSS3的开关样式的自定义单选框插件,一共四种样式,都比较有创意。

pure-css3-switch-radio

在线演示源码下载

jQuery左侧边栏多级菜单 适合后台管理页面使用

这是一款基于jQuery的侧边栏多级下拉菜单插件,这个菜单的特点是可以固定在左侧边栏,当页面滚动时整个菜单可以保持一直可见,方便操作。类似的菜单插件还有CSS3侧边栏单页切换小图标菜单CSS3侧边栏手风琴菜单,都非常实用。这种菜单非常适合在网站的后台管理页面中使用。

jquery-sider-menu-admin

在线演示源码下载