js控制不同的时间段显示不同的css样式的实例代码
2013-11-04 00:00
731 查看
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样式的实例代码
- js控制不同的时间段显示不同的css样式的实例代码
- js控制不同的时间段显示不同的css样式
- js分时间段显示不同问候的代码
- JS代码实例:实现随机加载不同的CSS样式
- js控制li的隐藏和显示实例代码
- js控制不同的时间段显示不同的css样式
- 一个js控制的导航菜单实例代码
- JS小功能(setInterval实现图片效果显示时间)实例代码
- js控制控件显示实例dhtmlxcombo
- 一个js控制的导航菜单实例代码
- PHP + plupload.js实现多图上传并显示进度条加删除实例代码
- JS控制图形左右晃动的实例代码
- 一个js控制的导航菜单实例代码
- JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
- JS 控制VIEWPORT属性,在不同终端类型中兼容自适应显示
- Vue.js 点击按钮显示/隐藏内容的实例代码
- JS控制弹出悬浮窗口(一览画面)的实例代码
- js控制密码的显示与隐藏实例
- 纵向无缝隙滚动显示JS控制代码