代表时间的代码不是在css中,css是一种样式,比如你在做网站的时候,前端html布局了一个页面,感觉不太美观的时候用css样式来控制一下,使其页面更加的美化与易懂;
为秀山土家族苗族等地区用户提供了全套网页设计制作服务,及秀山土家族苗族网站建设行业解决方案。主营业务为成都做网站、成都网站建设、秀山土家族苗族网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
而代表时间的代码是html中的time(英语也是"时间"的意思)time时间是:******/time
time中属性:datetime 值:datetime
time描述:定义元素的日期和时间。如果未定义该属性,则必须在元素的内容中规定日期或时间。
diva href="#" style="float:left; text-align:left; margin-left:10px;"文字列表内容/aspan style="clear:both;float:right; margin-right:20px;"时间/span/div
至于时间不显示年,要改js代码,一般是把年份隐藏,有是系统时间,要代码控制的。
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
meta name="keywords" content="js特效" /
meta name="description" content="js特效网" /
title年月日分秒全部显示的时间代码/title
/head
body onload=startclock()
form name="clock"
script language="JavaScript"
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;}
function startclock () {
stopclock();
showtime();}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = now.getYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日" +((hours = 12) ? " 下午 " : " 上午 " )
timeValue += ((hours 12) ? hours -12 :hours)
timeValue += ((minutes 10) ? ":0" : ":") + minutes
timeValue += ((seconds 10) ? ":0" : ":") + seconds
document.clock.thetime.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;}
/script
input name="thetime" style="font-size: 9pt;color:#000000;border:1px solid #FFFFFF; ; " size="28"/form
/body
/html
其实关键就是如楼上所说的:float:right这句,下面给个例子供你参考一下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title无标题文档/title
style type="text/css"
#pagelist{
border:4px solid #ccc;
padding:10px;
width:530px;
font-size:12px;
list-style-type:none;
float:right;
}
#pagelist li{
width:530px;
height:30px;
border-bottom:1px dashed #CCCCCC;
margin:0px;
padding:0px;
/*background:#99FFCC;*/
}
#pagelist li a .lbt{
display:block;
width:433px;
float:left;
line-height:30px;
text-indent:5px;
text-decoration:none;
white-space:nowrap; /*强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象*/
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
overflow:hidden;
display:inline;
}
#pagelist li a .ldt{
display:block;
width:75px;
float:right;
text-align:center;
line-height:30px;
color:#069;
text-decoration:none;
display:inline;
}
#pagelist li a{
width:530px;
height:30px;
display:block;
color:#666;
text-decoration:none;
cursor:hand;
}
#pagelist li a:hover{
color:#03c;
text-decoration:none;
border-bottom:1px dashed #000000;
}
#pagelist li a:hover #com{
display:block;
float:left;
width:0px;
height:0px;
margin:4px 0 4px 6px;
border-bottom:8px solid #FFFFFF;
border-left:8px solid #FF0000;
border-top:8px solid #FFFFFF;
}
#pagelist li a:hover .ldt{
color:#000;
}
/style
/head
body
ul id="pagelist"
lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字文字/spanspan class="ldt"2007-08-06/span/a/li
lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字标题的文字标题的文字标题的文字/spanspan class="ldt"2007-08-06/span/a/li
lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字/spanspan class="ldt"2007-08-06/span/a/li
lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题/spanspan class="ldt"2007-08-06/span/a/li
lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字字/spanspan class="ldt"2007-08-06/span/a/li
lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字文字/spanspan class="ldt"2007-08-06/span/a/li
lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字标题的文字标题的文字标题的文字/spanspan class="ldt"2007-08-06/span/a/li
lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字/spanspan class="ldt"2007-08-06/span/a/li
lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题/spanspan class="ldt"2007-08-06/span/a/li
lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字字/spanspan class="ldt"2007-08-06/span/a/li
lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字文字/spanspan class="ldt"2007-08-06/span/a/li
lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字标题的文字标题的文字标题的文字/spanspan class="ldt"2007-08-06/span/a/li
lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字/spanspan class="ldt"2007-08-06/span/a/li
lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题/spanspan class="ldt"2007-08-06/span/a/li
lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字字/spanspan class="ldt"2007-08-06/span/a/li
/ul
/body
/html
你确定这是CSS?
用这个setInterval();
var time=function(){你写的代码}
setInterval(time,1000);
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