时间轴

所属分类:输入-日期和时间

 53900  394  查看评论 (7)
分享到微信朋友圈
X
时间轴 ie兼容6

1.首先引用css 

<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/timeline.css"> 
2.添加JS引用
<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>
相关插件-日期和时间

jQuery双日历插件daterangepicker

jQuery双日历插件daterangepicker,和之前的所发布的相比,修改了时间格式,设置为中文,提供双日历的选择以及最近7天,30天,60天等便捷选择日期
  日期和时间
 60134  417

精美js日期选择器,js省市选择器

小巧的js日期选择器。 一个精美的js日期选择器。
  日期和时间
 41531  349

基于vuejs的移动端未来30天时间选择器

此项目由于时间原因写的比较草,但是功能还是完善了,字体单位采用rem,所以在PC端预览的时候可能会出现兼容性问题
  日期和时间
 41139  375

圆形时间进度条-倒计时

html5 + css3 打造的圆形时间倒计时进度条
  日期和时间
 54264  348

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    宫永强 0
    2017/11/20 17:54:03

    clickArea = timeLine.getElementsByTagName("s"),      显示在这一行报错,没有想要的结果!

    回复
    宫永强 0
    2017/11/20 17:52:56
    njing 0
    2017/4/6 15:47:08
    时间轴只能点一次,再次点击就没有效果了 回复
    寻梦 0
    2015/4/28 11:39:25
    哈不错 可以弄成文章列表 应该效果不错 能修改下点击图片和标题也能变成选中状态吗 回复
    hacker 0
    2014/11/13 4:57:41
    @、宅 先生。 你指的后台添加事件具体是? 回复
    、宅 先生。 0
    2014/11/12 9:27:39
    怎么弄个后台添加事件阿? 回复
    hacker 0
    2014/10/31 9:21:08
    这个效果蛮炫的,我喜欢 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复