时间轴

 查看演示  website  立即下载

1.首先引用css 

<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/timeline.css"> 

<script src="js/timeline.js"></script>

3.一个标题就是一个li 如果初始选中加上<li class="active"> 的class属性。

4.连接线样式 

<div class="check">					
  <b class="spring"></b>					
  <s></s>					
  <b class="line"></b>				
</div>

5.左边图标样式

<div class="thumb">					
  <img src="images/pic/**.jpg">					
  <span>7:00</span>				
</div>

最后一个为内容样式

<div class="content">
  <b></b>					
  <h3>测试（大标题）</h3>				
  <p>demo(内容)</p>				
</div>

PREVIOUS:
NEXT:
手风琴效果
jQuery网站引导插件joyride