手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js控制不同的时间段显示不同的css样式的实例代码
js控制不同的时间段显示不同的css样式的实例代码
摘要:js函数,可以放到单独的js文件中也可以放到当前页的标记之内复制代码代码如下:functiongetCSS(){datetoday=newD...

js函数,可以放到单独的js文件中也可以放到当前页的<head>标记之内

复制代码 代码如下:

function getCSS()

{

datetoday = new Date();

timenow=datetoday.getTime();

datetoday.setTime(timenow);

thehour = datetoday.getHours();

if (thehour<12)

display = "1.css";

else if (thehour>12)

//样式表的名称,或者你可以加上路径

display = "1.css";

else

display = "2.css";

//(...想要更多再加即可...)

var css = '<';

css+='link rel="stylesheet" href='+display+' /';

css+='>';

document.write(css);

}

应用该样式表的HTML文件

复制代码 代码如下:

<html>

<head>

<title>在不同的时间显示不同的提示信息</title>

<script type="text/javascript" src="dacss.js"></script>

</head>

<body>

<script type="text/javascript">

window.onload=getCSS();

</script>

js控制不同的时间段显示不同的css样式

</body>

</html>

【js控制不同的时间段显示不同的css样式的实例代码】相关文章:

js兼容火狐显示上传图片预览效果的方法

一端时间轮换的广告

网页里控制图片大小的相关代码

根据分辨率不同,调用不同的css文件

javascript改变和控制显示的图片大小

JavaScript每天定时更换皮肤样式的方法

jquery控制表单输入框显示默认值的方法

让插入到 innerHTML 中的 script 跑起来的实现代码

jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

js实现精美的图片跟随鼠标效果实例

精品推荐
分类导航