您的位置:首页 > css拷用 > 时间线 > 正文

大事件时间线 简单历程html css排版

大事件历程排版div css布局,用于公司发展历程排版,一目了然时间线排版。

简约简单时间线排版截图

特点:div css布局简单简约时间线,引入layui的css库后拷贝代码即可实现,时间线内容任意更换修改。时间线前的图标可以修改删除。

一、时间历程大事件排版效果

简单节约时间线 大事件历程排版:

  • 2018年,layui 5.0 发布。并发展成为中国最受欢迎的前端UI框架(期望)
  • 2017年,layui 里程碑版本 2.0 发布
  • 2016年,layui 首个版本发布
  • 2015年,layui 孵化
  • 更久前,轮子时代。维护几个独立组件:layer等

二、使用说明

使用说明:此资源基于layui框架,所以需要下载此框架文件,引入项目后,html页面代码引入css文件和js文件,有自定义JS代码,再HTML放入提供JS自定义代码,最后只需要拷贝对应html代码即可实现需要效果。

项目使用步骤:
1、下载layui压缩包;
2、解压后,将文件夹内”layui“文件夹整体拷贝入当前项目;
3、html引入layui.css(注意路径正确);
4、拷贝需要效果HTML代码(和JS)即可完成使用应用。

项目 操作 备注
框架 layui

立即下载layui(实时更新

引入CSS 需要 <link rel="stylesheet" href="layui/css/layui.css" media="all">
引入JS 不需要 此网页布局不用html引入JS库
layui教程 layui使用教程 layui教程地址

三、单独演示与免费打包下载

1、在线单独演示

运行代码试试

2、免费打包下载地址

公司大事件网页中展示记录的div css排版布局资源。

相关标签: 时间线 进展进程
文章来源网址:www.thinkcss.com/kaoyong/1476.shtml

日期:2018-01-04 17:44 ThinkCSS整理 layui资源
上一篇:常规时间线 可用于进程进展div css排版
下一篇:没有了