js控制不同的时间段显示不同的css样式
2013-11-03 09:10
597 查看
js函数,可以放到单独的js文件中也可以放到当前页的<head>标记之内
应用该样式表的HTML文件
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样式
- css 不同媒介的显示样式控制方式
- js控制不同的时间段显示不同的css样式的实例代码
- JS判断不同操作系统显示不同样式css
- js控制不同的时间段显示不同的css样式的实例代码
- css 在不同媒介的显示样式控制
- js控制不同的时间段显示不同的css样式的实例代码
- JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
- \t\t用js控制页面图片等比缩放 css图片等比缩放 比例缩放显示 js 页面 缩放图片 js缩放图片 图片按比例缩放
- 【css】——根据div个数显示不同的样式
- CSS媒体查询,CSS根据不同的分辨率显示不同的样式
- css 控制鼠标显示样式
- CSS控制XML与通过js解析xml然后通过html显示xml中的数据
- js和css控制鼠标略过和点击后的样式
- CSS:a标签不同状态下的显示样式渲染顺序
- js控制select选中显示不同表单内容
- js控制div样式显示与隐藏,JS通过点击超链接右边(指定位置)显示一个图标
- JS 控制VIEWPORT属性,在不同终端类型中兼容自适应显示
- HTML、css、js控制页面元素的显示及个人对浮动的理解
- Html+Css+Js_之table每隔3行显示不同的两种颜色