根据时间段自动切换站点的CSS风格

        网站能切换几套CSS风格早已不是什么新鲜事了，大家也都知道怎么去实现。前段时间发现一个有意思的站点http://www.leemunroe.com/。

 

　　同样是切换风格，不过他做了一点小小的调整。站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤，主要是分别制作了背景。12点以前系统会使用早上的皮肤，过了12点，站点会自动替换成下午的风格，5点后则替换成夜晚的风格。

 

　　主要的功能实现是靠在头部的这段判断代码，很容易理解。有兴趣的朋友不妨试试。

 

<link rel="stylesheet" type="text/css"
      href="<%=
      if Time.now.hour < 12
        'morning.css'
      elsif Time.now.hour < 17
        'afternoon.css'
      else
        'night.css'
      end
    %>"></link>