导航

昼夜样式

day-night.jpg

准备两组样式,复制 style.css 为 night.css 直接修改它,调整到眼睛看起来舒服即可,再用下面代码调用。

<script type="text/javascript">        
var day=new Date()      
var D=day.getHours()      
if (D<=18 && D > 6) {      
    document.write('<link rel="stylesheet" href="style.css">')      
}else {      
    document.write('<link rel="stylesheet" href="night.css">')      
}      
</script>

daynight.png


2017-05-25
3 Comments
  1. dujun

    这种建议写在服务端。js 有两个问题:

    js 取的时间依赖用户本地电脑。时间可能不准。 存在加载问题。
  2. wu先生

    专业。 icon_lol.png

  3. Leejon 作者

    不折腾太多咯,马上步入小主机 icon_arrow.png

选择表情