<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<HTML><HEAD>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!--时间轴-->
<style type="text/css">
.timeline{background:url("项目跟踪-查看_files/u65_original.png") -40px;margin-left:48px;width:880px;height:166px;position:absolute;z-index:10;}
.node{position:absolute;width:80px;height:80px;text-align:center;font-family:黑体;font-size:13px;color:#369;cursor:pointer;}
.node span{background-color:#eff;color:#369;}
.node:hover span{background-color:#395;color:#fff;}
.timeline #select span{background-color:#395;color:#fff;}
.nodeU{background:url("项目跟踪-查看_files/u65_original_l.png") repeat-y 38px 50px;}
.nodeD{background:url("项目跟踪-查看_files/u65_original_l.png") repeat-y 38px 11px;top:80px;}
.node0{margin-top:26px;height:49px;}.node1{padding-top:56px;height:24px;}
.node2{padding-top:0px;height:80px;}.node3{padding-top:26px;height:25px;}
.node .img{position:absolute;width:22px;height:22px;background:url("项目跟踪-查看_files/u65_original_node.png") no-repeat;}
.node:hover .img{background:url("项目跟踪-查看_files/u65_original_nodex.png") no-repeat;}
.timeline #select .img{background:url("项目跟踪-查看_files/u65_original_nodex.png") no-repeat;}
.nodeU .img{top:85%;left:35%;}
.nodeD .img{top:-12px;left:35%;}
</style>
<script src="项目跟踪-查看_files/jquery-1.7.2.min.js"></script>
<script src="项目跟踪-查看_files/timeLine.js" defer="defer"></script>
<!--时间轴-->
</HEAD>
<BODY>
<!-- 时间轴 -->
<div id="timeline" class="timeline">
<span id="node0" class="node"><span class="img"></span><span>起点</span><br><span>2011/01/01</span></span>
<span id="node1" class="node"><span class="img"></span></span>
<span id="nodeN" class="node"><span class="img"></span><span>终点</span><br><span>2012/12/31</span></span>
</div>
<script type="text/javascript">
var arr=[{time:'2011/02/20',title:'1节点'},{time:'2011/02/28',title:'2节点'},{time:'2012/03/11',title:'第三节点',fn:function(){alert("这是第三节点");}},
{time:'2012/03/28',title:'4节点'},{time:'2012/04/28',title:'5节点'},{time:'2012/11/08',title:'第6节点'}];
</script>
<SCRIPT src="项目跟踪-查看_files/axurerp_pagespecificscript.js" charset="utf-8"></SCRIPT>
<!-- 时间轴 -->
</BODY>
时间线js 根据时间进度 显示节点位置
4星 · 超过85%的资源 需积分: 50 68 浏览量
2012-12-28
16:15:39
上传
评论 1
收藏 154KB RAR 举报 
项目跟踪.rar （46个子文件） 
项目跟踪-查看_files 
u65_original.png 3KB u65_original_b.png 24KB u65_original_nodex.png 2KB u39_original.png 8KB
u33_original.jpg 53KB u37_original.png 1KB u69_original.png 4KB u65_original_l.png 227B u76_original.jpg 12KB u65_original_lx.png 228B u45_original.png 1KB u76_hover.jpg 12KB u67_original.png 2KB u41_original.jpg 11KB
axurerp_pagespecificstyles_ie6.css 3KB jquery-1.7.2.min.js 93KB axurerp_pagespecificstyles.css 22KB .svn props dir-prop-base 33B prop-base u41_original.jpg.svn-base 53B u37_original.png.svn-base 53B u69_original.png.svn-base 53B u45_original.png.svn-base 53B u65_original.png.svn-base 53B u33_original.jpg.svn-base 53B u67_original.png.svn-base 53B u76_hover.jpg.svn-base 53B u76_original.jpg.svn-base 53B u39_original.png.svn-base 53B tmp props prop-base text-base text-base u41_original.jpg.svn-base 11KB u37_original.png.svn-base 1KB u69_original.png.svn-base 4KB u45_original.png.svn-base 1KB u65_original.png.svn-base 24KB axurerp_pagespecificscript.js.svn-base 12KB u33_original.jpg.svn-base 53KB u67_original.png.svn-base 2KB u76_hover.jpg.svn-base 12KB u76_original.jpg.svn-base 12KB u39_original.png.svn-base 8KB axurerp_pagespecificstyles.css.svn-base 22KB axurerp_pagespecificstyles_ie6.css.svn-base 3KB entries 2KB timeLine.js 1KB axurerp_pagespecificscript.js 12KB u65_original_node.png 2KB
项目跟踪-查看.html 2KB
- 1
- 2
- 3
前往页