zccst
- 浏览: 3291851 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (567)
- Web前端-html/表单 (19)
- Web前端-CSS (24)
- Web前端-CSS框架 (4)
- Web前端-JS语言核心 (50)
- Web前端-JS客户端 (26)
- nodejs生态+grunt (10)
- seajs和requirejs (9)
- backbone等框架 (7)
- 模板基础 (7)
- Web前端-deps(不改动) (6)
- Web前端-component (10)
- Web前端-jquery-plugin (13)
- 浏览器兼容性 (6)
- Web前端-使用jQuery (25)
- Web前端-使用jqueryui (6)
- Web前端-性能优化 (3)
- Web协议-HTTP (6)
- ExtJS (13)
- PHP (22)
- PHP面向对象 (4)
- PHP扩展-SOAP (6)
- PHP扩展-curl (4)
- PHP与HTML(导出) (5)
- PHP扩展-综合 (7)
- mysql基础应用 (18)
- 技术心情 (18)
- 算法和面试题 (17)
- 工具（开发）使用 (36)
- memcached原理 (2)
- session和cookie (4)
- UML (2)
- Web前端_FusionCharts (5)
- Web前端_Flex (4)
- Web前端_JSP (3)
- JavaSE (10)
- JavaEE (4)
- tomcat (2)
- Servlet开发 (3)
- Spring开发 (1)
- REST相关 (2)
- 大访问量、高并发 (2)
- 网络编程 (1)
- YII (21)
- linux命令和内核 (12)
- yii与数据库 (10)
- yii与表单 (12)
- yii view层 (1)
- perl (7)
- yii扩展 (7)
- shell (4)
- photoshop (7)
- 视觉设计 (2)
- 我关注的名人在路上 (4)
- 1-自学能力 (1)
- 2-人际沟通能力 (3)
- 3-职业规划能力 (7)
- 4-项目管理能力 (2)
- python (3)
- django (4)
- Mysql高级应用 (6)
- prototype.js (4)
- Web系统安全 (1)
- Web前端-mobile (2)
- egret (6)
- jQuery源码分析 (5)
- fis (4)
最新评论
-
yzq21056563：
感谢作者分享~请教下，http://www.lisa33xia ...
CSS基础：text-overflow:ellipsis溢出文本 -
u012206458：
$.ajax的error,complete,success方法 -
DEMONU：
谢谢，虽然不能给你赞助，但是要给你顶
mysql中key 、primary key 、unique key 与index区别 -
njupt_tolmes：
阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿滕庆亚 ...
CSS基础：text-overflow:ellipsis溢出文本 -
zenmshuo：
用过SpreadJS，也包含数据可视化的图表
推荐几个web中常用js图表插件
作者：zccst
一、静态时间轴，仅css即可
HTML结构使用：ul，li。
原理结构如下：
1，竖轴
竖轴如果使用图片，则在ul用背景
竖轴如果使用css，则用ul:before写样式
2，左侧时间
绝对定位 left: 0
3，中间圆球
绝对定位 left: 20%
4，右侧文字
不浮动 margin-left: 25%
参考：
http://tympanus.net/Blueprints/VerticalTimeline/
二、动态时间轴，css + js
一、静态时间轴，仅css即可
HTML结构使用：ul，li。
原理结构如下：
1，竖轴
竖轴如果使用图片，则在ul用背景
竖轴如果使用css，则用ul:before写样式
2，左侧时间
绝对定位 left: 0
3，中间圆球
绝对定位 left: 20%
4，右侧文字
不浮动 margin-left: 25%
参考：
http://tympanus.net/Blueprints/VerticalTimeline/
二、动态时间轴，css + js
分享到：
发表评论
-
css3 webkit属性
2015-05-06 13:57 1429作者：zccst 见了很多web-kit打头的css属性，但 ... -
[css3特效]loading加载中
2015-03-25 15:53 3546作者：zccst 以前loading都是一张图片，显示或隐藏 ... -
display,position和float之间的关系
2015-03-17 12:18 5525作者：zccst 对‘display ... -
CSS中的几种颜色表示法，如hsla
2015-03-15 17:47 1341作者：zccst 平常相对熟悉的也就RGB色了，其他基本不清 ... -
[css3]知识点积累
2015-03-14 22:28 1193作者：zccst animation , keyframe ... -
[css3]知识点（自己总结版）
2015-03-13 20:11 1354作者：zccst CSS3是一个包含多方面的知识，主要分两大 ... -
[css3]流式布局要点
2015-03-08 13:16 3321作者：zccst 让一个div水平、垂直居中 一、流 ... -
单行溢出和多行文本溢出
2015-03-05 18:54 6750作者：zccst 一、单行溢 ... -
table表格内容过多时自动换行css
2014-12-04 20:44 8133作者：zccst 总结了一下 ... -
div+css布局总结
2014-09-04 10:48 1396作者：zccst 3，position布局 #wrap ... -
print打印网页相关
2014-06-10 10:24 771作者：zccst 1，CSS <link hr ... -
CSS基础：text-overflow:ellipsis溢出文本
2014-01-15 17:12 37968作者：zccst 2015-06-19 今 ... -
纯CSS来画基本的矩形、圆形、椭圆、三角形、多边形等
2014-01-06 13:52 4585作者：zccst 2015-3-18 除了常规的三角形外，还 ... -
让table和table中的TD在指定区域滚动
2013-10-28 20:14 3844使用的属性如下： <div style="w ... -
div被撑大
2012-06-26 22:26 2120作者：zccst 情形二：外层div高度自适应，内部还有div ... -
常见CSS设置
2012-06-19 11:35 1105作者：zccst 1，图片与文字垂直对齐 办法一、设置块元素 ... -
自适应网页设计
2012-06-13 10:58 1102zccst转载 原地址：http:// ... -
CSS颜色代码
2012-05-17 17:02 1214作者：zccst 虽然CSS代码颜色有RGB组成，看似简单， ... -
CSS较好的网站推荐
2012-05-01 16:51 1121作者：zccst 在每一个领域都会诞生很多优秀的专业网站， ... -
background-position释义
2012-05-01 16:37 1251作者：zccst background-pos ...
相关推荐
帝国cms看雪时间轴博客趣静态模板bokequV1.0是一款女生唯美简洁个人博客静态页面模板，蓝色时间轴个人网页模板，下雪空间个人模板。喜欢的网友可以用开源程序帝国cms标签仿站建设...
通过MFC的静态类派生的时间轴控件，提供时间轴的显示、设置及查询，并且可在时间轴上显示两层不同颜色的背景，供有类似需求的MFC程序员参考。
帝国cms看雪时间轴博客趣静态模板 v1.0.zip
这是一份基于Echarts2.2.7开发的带时间轴的echarts地图和柱状图综合展示Html页面的源码极简版，其中包含了如何在Html中集成Echarts组件，同时集成了相关的时时间轴组件，源码中涉及的组件已经打包到一起，比如...
在分类规划问题中，我们还区分了客户需求的静态替代模型和动态替代模型。 我们表明，我们的策略在平稳 (IID) 需求下的最优值的 1-1/e（约 0.63）范围内，以及非平稳需求下最优值的 1/2，如果起始库存很大，这两个...
课程名称 计算机组成原理实验实验课时3实验项目静态随机存储实验实验时间2011.10.13实验目的掌握静态随机存储器RAM工作特性及数据的读写方法。实验环境PC机一台，TD-CM3+或TD-CMX实验系统一套。实验内容（算法、...
这是一份基于Echarts2.2.7（也可升级到最新版本）开发的带时间轴的echarts地图和柱状图综合展示Html页面的源码，其中包含了如何在Html中集成Echarts组件，同时集成了相关的时时间轴组件，源码中涉及的组件已经打包到...
曲线能画静态图，能画动态图 曲线能实现十字光标 跟随曲线移动 显示 对应虚线的xy值 实现 点击图例 切换十字光标 所在曲线变更 实现 没用选中图例 就没有十字光标 可以x轴是时间更新数据 是x轴是是时间时，能显示y...
以钢筋混凝土和普通混凝土试块为研究对象,通过静态破裂试验对试件进行应变采集,根据得出的应变-时间曲线和不同破坏形态,对钢筋混凝土试块静态破裂过程进行对比分析。试验结果表明,钢筋混凝土试块裂纹起裂时间为780...
仿音乐网站静态页面
有任何问题也可以随时私信博主，博主会第一时间给您解答！！！ 本资源中的源码都是经过本地编译过可运行的，下载后按照文档配置好环境就可以运行。资源项目的难度比较适中，内容都是经过助教老师审定过的，应该能够...
自己写的一个曲线绘制类，使用简单，功能强大。为了演示方便，所有功能都在右键菜单中实现。...曲线绘制，动态曲线，静态曲线，多条曲线,缩放，移动，颜色，绘图方向，曲线数据读取，数据存盘，曲线存为Bmp 等。
历史部分，主要运用时间轴特效，展示学校的历史事件和发展。 现在部分，我们运用纵向滑动特效，又将页面分为三个部分，分别以学校的当前数据、学校的近期活动文章以及学校的风景图来展示如今的三江。 未来部分，我们...
雕刻机5轴步进电机驱动器介绍： 1、同时接5块步进电机驱动板器，控制5个步进电机运转，每个通道连接驱动器可以有两种接口供选择，并且能够实现双X双Y双Z连接。 2、支持mach3以及维宏卡软件方便您选择使用mach3软件...
本书阐述了经典控制理论的基本概念、原理和自动控制系统的各种分析方法，主要内容包括线性连续系统与离散系统的时域和频域理论，如系统的动态性能、静态性能、稳定性的分析和各种设计方法的运用等。 本书从基本...
单片机课程动静态显示设计方案 一、设计任务与要求 1.1 设计背景 随着科学技术的发展和电子技术产业结构调整，单片机开始迅速发展，由于家用电器逐 渐普及，市场对于智能时钟控制系统的需求也越来越大。单片机以其...
用最简单的方式让静态图片转换为动态动画物体。用户可通过添加骨骼来控制图片的动作与位置，再把设置的动作连在一起，即可得到所需的动态动画效果。软件特点：1、导入PSD/PNG图片，轻松创建2D动画角色——打破图形与...
基于JavaScript html css echarts的静态网页(燃油车和纯电动汽车的动力性经济性的分析)+项目说明.zip 【技术栈】 JavaScript html css echarts 【项目介绍】 基于 JavaScript、html、css、echarts 的静态网页 用于...