zccst
- 浏览: 3319088 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (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 1521作者：zccst 见了很多web-kit打头的css属性，但 ... -
[css3特效]loading加载中
2015-03-25 15:53 3593作者：zccst 以前loading都是一张图片，显示或隐藏 ... -
display,position和float之间的关系
2015-03-17 12:18 5598作者：zccst 对‘display ... -
CSS中的几种颜色表示法，如hsla
2015-03-15 17:47 1383作者：zccst 平常相对熟悉的也就RGB色了，其他基本不清 ... -
[css3]知识点积累
2015-03-14 22:28 1249作者：zccst animation , keyframe ... -
[css3]知识点（自己总结版）
2015-03-13 20:11 1406作者：zccst CSS3是一个包含多方面的知识，主要分两大 ... -
[css3]流式布局要点
2015-03-08 13:16 3362作者：zccst 让一个div水平、垂直居中 一、流 ... -
单行溢出和多行文本溢出
2015-03-05 18:54 6798作者：zccst 一、单行溢 ... -
table表格内容过多时自动换行css
2014-12-04 20:44 8232作者：zccst 总结了一下 ... -
div+css布局总结
2014-09-04 10:48 1425作者：zccst 3，position布局 #wrap ... -
print打印网页相关
2014-06-10 10:24 816作者：zccst 1，CSS <link hr ... -
CSS基础：text-overflow:ellipsis溢出文本
2014-01-15 17:12 38049作者：zccst 2015-06-19 今 ... -
纯CSS来画基本的矩形、圆形、椭圆、三角形、多边形等
2014-01-06 13:52 4662作者：zccst 2015-3-18 除了常规的三角形外，还 ... -
让table和table中的TD在指定区域滚动
2013-10-28 20:14 3911使用的属性如下： <div style="w ... -
div被撑大
2012-06-26 22:26 2165作者：zccst 情形二：外层div高度自适应，内部还有div ... -
常见CSS设置
2012-06-19 11:35 1162作者：zccst 1，图片与文字垂直对齐 办法一、设置块元素 ... -
自适应网页设计
2012-06-13 10:58 1147zccst转载 原地址：http:// ... -
CSS颜色代码
2012-05-17 17:02 1255作者：zccst 虽然CSS代码颜色有RGB组成，看似简单， ... -
CSS较好的网站推荐
2012-05-01 16:51 1189作者：zccst 在每一个领域都会诞生很多优秀的专业网站， ... -
background-position释义
2012-05-01 16:37 1292作者：zccst background-pos ...
相关推荐
数码管静态显示和动态显示原理PPT学习教案 静态显示方式：静态显示方式是指每个数码管的段选必须接一个8位数据线来保持显示的字形码。当送入一次字形码后，显示字形可一直保持，直到送入新字形码为止。这种方法的...
开源时间轴组件是一种广泛应用于网页开发中的工具，它允许开发者创建直观、动态的时间线展示，以便用户能够轻松地浏览和理解一系列按照时间顺序排列的事件或数据。在博客、日志、项目管理以及任何需要记录历史信息的...
数码管静态显示和动态显示原理是显示技术中的一种重要概念，它们都是在显示器中实现数字或字符显示的方式。下面对数码管静态显示和动态显示原理进行详细的介绍。 一、数码管静态显示原理 静态显示方式是指每个...
这是一个有关看雪时间轴的css3 html5 网站静态的网页模板，预览页面http://www.bokequ.com/blog/12/
本文将深入探讨如何利用MFC实现一个自定义的时间轴控件，根据给定的标题“MFC时间轴控件”和描述，我们将关注以下知识点： 1. **MFC基础**： MFC是微软为C++开发人员设计的一个框架，它基于面向对象编程原则，将...
下面我们将深入探讨这个自定义时间轴的实现原理、关键特性和可能的应用场景。 1. **自定义样式**： 自定义时间轴的一大优势是其可定制性。开发者可以根据应用的设计风格和用户界面需求，调整时间线的样式，如线条...
数码管显示技术是单片机系统中常见的可视化输出方式，主要分为静态显示和动态显示两种。本篇内容将深入解析这两种显示方式的原理...理解这两种显示方式的工作原理和电路设计，对于单片机系统的开发和优化具有重要意义。
实现这一点的关键在于确保时间戳数据格式的正确性和与函数趋势控件的兼容性，以及合理设置控件的时间轴范围和刻度。 #### 使用函数趋势控件的注意事项 尽管WinCC提供了强大的自定义XY轴曲线绘制功能，但在使用函数...
5. 数据绑定：时间轴上的事件通常来源于JSON格式的数据，可以静态定义，也可以动态获取。根据插件的API，将数据绑定到时间轴上。 6. 自定义样式：利用CSS调整时间轴的外观，包括颜色、字体、布局等，使其符合整体...
要实现一个时间轴的效果，我们可以利用ListView的特性，结合自定义Adapter和布局来完成。本篇文章将详细讲解如何在Android中利用ListView实现时间轴效果。 首先，我们需要理解时间轴的基本构成：时间点、事件内容和...
3. **时间轴管理**：设置每个动画帧的播放时间和顺序，确保声效与视觉效果同步。 4. **播放音频**：加载音频文件，设置播放控制，如播放、暂停、停止，并处理音量和播放进度。 5. **事件触发**：当特定事件发生时...
在这个时间轴中，CSS3可能用于创建动态过渡、动画效果，以及自定义布局和样式，例如时间线的线条、时间点的形状和颜色等。 4. **数据存储API**：HTML5的Web Storage（包括`localStorage`和`sessionStorage`）可能被...
这款插件基于流行的JavaScript库jQuery构建，它提供了丰富的功能和自定义选项，使得开发者可以轻松创建动态、响应式的时间线布局。 1. **jQuery基础**：jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、...
QmlQAxis这个主题是关于如何在QML中实现坐标轴以及动态添加曲线的过程，这对于数据可视化的应用尤其重要。下面我们将深入探讨这个话题。 首先，QML中的`QDeclarativeChart`模块提供了丰富的图表组件，包括`...
本篇将深入探讨“视频播放器时间轴控件”，以及如何从CStatic类派生出一个CTimebar类来实现这一功能。 时间轴（TimeLine）或时间条（Timebar）是用户界面中的一种控件，通常出现在媒体播放器的底部，用于显示视频或...
它提供了丰富的功能，包括绘制静态和动态曲线、多坐标轴图表、柱状图以及蜡烛图等。QCustomPlot的核心特性在于其灵活性和自定义性，允许开发者根据需要调整图表的每一个细节。 **1. QCustomPlot的集成** 在使用...
总之，"jQuery日期时间轴自动播放代码"提供了一种创新的方式，用以展示时间相关的数据，通过JavaScript和jQuery的力量，将静态的时间线转变为动态的、吸引人的网页元素。通过理解和定制这个代码，开发者可以创建出...
在电子设计自动化（EDA）领域，静态时序分析（Static Timing Analysis, STA）和动态时序分析是集成电路设计中的关键技术，特别是在高速、低功耗的数字系统设计中扮演着至关重要的角色。本文将深入探讨这两种时序分析...
《帝国CMS看雪时间轴博客趣静态模板 v1.0》是一款专为个人博客设计的网页模板，适用于软件工具、源码源代码的学习与分享，同时也适合计算机专业学生进行毕业设计或论文研究时参考。该模板以时间轴为主题，通过清晰的...
帝国cms看雪时间轴博客趣静态模板bokequV1.0是一款女生唯美简洁个人博客静态页面模板，蓝色时间轴个人网页模板，下雪空间个人模板。喜欢的网友可以用开源程序帝国cms标签仿站建设...