css+div设置日期时间代码

html-css011

css+div设置日期时间代码,第1张

<td width="23%" align="left">今天是:

<script language="JavaScript" type="text/javascript">

var day=""

var month=""

var ampm=""

var ampmhour=""

var myweekday=""

var year=""

mydate=new Date()

myweekday=mydate.getDay()

mymonth=mydate.getMonth()+1

myday= mydate.getDate()

myyear= mydate.getYear()

year=(myyear >200) ? myyear : 1900 + myyear

if(myweekday == 0)

weekday=" 星期日 "

else if(myweekday == 1)

weekday=" 星期一 "

else if(myweekday == 2)

weekday=" 星期二 "

else if(myweekday == 3)

weekday=" 星期三 "

else if(myweekday == 4)

weekday=" 星期四 "

else if(myweekday == 5)

weekday=" 星期五 "

else if(myweekday == 6)

weekday=" 星期六 "

document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday)</script></td>

css+html实现时间轴

1.css

body {

font-size: 12px

}

ul li {

list-style: none

}

.track-rcol {

width: 100%

border: 1px solid #eee

}

.track-list {

margin: 20px

padding-left: 5px

position: relative

}

.track-list li {

position: relative

padding: 9px 0 0 25px

line-height: 18px

border-left: 1px solid #d9d9d9

color: #999

}

.track-list li.first {

color: red

padding-top: 0

border-left-color: #fff

}

.track-list li .node-icon {

position: absolute

left: -6px

top: 50%

width: 11px

height: 11px

background: url(img/trank.png) -21px -72px no-repeat

}

.track-list li.first .node-icon {

background-position: 0 -72px

}

.track-list li .time {

margin-right: 20px

position: relative

top: 4px

display: inline-block

vertical-align: middle

}

.track-list li .txt {

position: relative

top: 4px

display: inline-block

vertical-align: middle

}

.track-list li.first .time {

margin-right: 20px

}

.track-list li.first .txt {

max-width: 600px

}