link rel="stylesheet" href="1.css" type="text/css" id="mycss"/
日土网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、响应式网站等网站项目制作,到程序开发,运营维护。创新互联于2013年开始到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联。
script type="text/javascript"
window.onload=function(){
var date=new Date();
var day=date.getDay();
var xing=new Array("1","2","3","4","5","6","7");
var cssDiv=document.getElementById("mycss");
switch(xing[day]) {
case "1":
cssDiv.href="1.css";
break;
case "1":
cssDiv.href="2.css";
break;
case "2":
cssDiv.href="1.css";
break;
case "3":
cssDiv.href="3.css";
break;
case "4":
cssDiv.href="4.css";
break;
case "5":
cssDiv.href="5.css";
break;
case "6":
cssDiv.href="6.css";
break;
case "7":
cssDiv.href="7.css";
}
}
/script
bootstrap为我们提供了一款十分实用的日期控件,但相对于初学者来说,这款日期控件的用法要比按钮等css样式难上许多。这里小编就为大家介绍一下这款功能强大的日期控件的用法。
工具/原料
bootstrap
Dreamweaver
方法/步骤
首先,我们将这款日期控件下载下来。百度bootstrap日期控件即可。
将下载好的日期控件的css、js引入自己的文件中。
在这里需要引入的文件有:
bootstrap.min.css(含有bootstrap 所有css)
bootstrap-datetimepicker.min.css(重要,这就是日期控件所需的样式表)
jquery-1.8.3.min.js(其他版本的jquery也可以)
bootstrap.min.js(含有bootstrap 所有js)
bootstrap-datetimepicker.js(重要,这就是日期控件所需的js)
locales/bootstrap-datetimepicker.fr.js(重要,这里是日期控件初始值)
将所有文件引入完成后,就开始设置日期控件吧。
这是第一种样式。当然,你可以只要input就可以了。
div class="input-append date" id="datetimepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy"
input class="span2" size="16" type="text" value="12-02-2012"
span class="add-on"i class="icon-th"/i/span
/div
第二种样式,带有重置按钮(用于清空输入框)的组件模版:
div class="input-append date" id="datetimepicker" data-date="12-02-2012" data-date-format="dd-mm-yyyy"
input class="span2" size="16" type="text" value="12-02-2012"
span class="add-on"i class="icon-remove"/i/span
span class="add-on"i class="icon-th"/i/span
/div
i的作用就是两个小图标,若不要可以删去。
最简洁的样式,只有input,点击弹出选择器:
input class="span2" size="16" type="text" value="12-02-2012"
当然,只有这些是无法弹出日期选择器的,还需要js来激活。
这里是最重要的一步,js激活日期选择器!
script type="text/javascript"
$('你的input的class或id').datetimepicker({
//一堆参数
});
/script
将这个写在你的页面内,至于参数,一会再介绍。这样就可以激活你的日期选择器了,点击input便可以弹出选择器。
日期选择器的参数设置:
format
weekStart
startDate
endDate
daysOfWeekDisabled
autoclose
startView
minView
maxView
todayBtn
todayHighlight
keyboardNavigation
language
forceParse
minuteStep
pickerPosition
viewSelect
showMeridian
initialDate
这些属性不用全部设置,但有些是必须的,比如format。
这里是小编所使用的一款日期选择器的初始化设置:
$('.date').datetimepicker({
format:yyyy-mm-dd,
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
forceParse: 0,
showMeridian: 1
});
bootstrap日期选择器的属性非常多,这也给了用户较大的选择性,快去设置你自己的DIY日期选择器吧!
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
在空间上显示天气预报+系统信息+日历+问候+签名
把以下代码插入最后一行即可!
#comm_info div.line{margin-top:8px;line-height:10px;border-top:2px solid #BBC1C6;
background:url() no-repeat bottom; padding-bottom: 100px;
margin-bottom: 25px}
代表时间的代码不是在css中,css是一种样式,比如你在做网站的时候,前端html布局了一个页面,感觉不太美观的时候用css样式来控制一下,使其页面更加的美化与易懂;
而代表时间的代码是html中的time(英语也是"时间"的意思)time时间是:******/time
time中属性:datetime 值:datetime
time描述:定义元素的日期和时间。如果未定义该属性,则必须在元素的内容中规定日期或时间。
按我的来 保证没有问题 不用写什么margin移位这种来画蛇添足了
浏览器全面兼容
我发现你的页面在firefox有移位哦 注意标准写法
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title无标题文档/title
style
ul li {
margin:0;
padding:0;
width:500px;
line-height:25px;
}
a {
color:#000
}
a:hover {
color:#666
}
li a {
width:800px;
background:#f00;
display:inline-block;
}
li a span {
width:400px;
background:#0f0;
display:inline-block;
float:left;
}
li a span.l {
width:200px;
background:#0f0;
display:inline-block;
float:right;
}
/style
/head
body
div style="height:700px" img src="3.10湖南检察院.jpg" width="300" height="300" style="float:left; "/
ul style="list-style:none; padding:0; margin:0; width:500px; height:500px; float:left; margin-left:20px; "
lia href="#"span奥巴马就职后对中国持敌对态度,中国高层很懊恼!/spanspan class="l"2009-08-08/span/a/li
lia href="#"span奥巴马就职后对中国持敌对态度,中国高层很懊恼!/spanspan class="l"2009-08-08/span/a/li
lia href="#"span奥巴马就职后对中国持敌对态度,中国高层很懊恼!/spanspan class="l"2009-08-08/span/a/li
lia href="#"span奥巴马就职后对中国持敌对态度,中国高层很懊恼!/spanspan class="l"2009-08-08/span/a/li
lia href="#"span奥巴马就职后对中国持敌对态度,中国高层很懊恼!/spanspan class="l"2009-08-08/span/a/li
/ul
/div
/body
/html