ASP、PHP与javascript根据时段切换CSS皮肤的代码

2016-02-19 19:42 7 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是ASP、PHP与javascript根据时段切换CSS皮肤的代码,一起来学习了解下吧!

【 tulaoshi.com - Web开发 】

  ASP、PHP与javascript根据时段切换CSS皮肤的代码

  一个网站能切换不同的CSS风格大家应该都了解,像众所周知的腾讯在今年改版时也增加了切换皮肤的功能。根据时间自动调整站点风格是不错的想法,这种根据时间自动调整站点风格也不是什么新鲜事,记得好久以前也见过类似的文章或方法,只不过当时没有特别注意。下面说一下它们的实现方法,目前网上有这样两种实现方法:

  一、采用服务端的代码

  ASP版本:

link rel="stylesheet" type="text/css" href="
%
  if hour(now)12 then
     response.write "morning.css"
  elseif hour(now)17 then
    response.write "day.css"
   else
    response.write "night.css"
   end if
%
"/

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  PHP版本:

link rel="stylesheet" type="text/css" href="
?php
  $hour = date(”H”);
  if($hour 12)
    echo ‘morning.css’;
  else if($hour 17)
    echo ‘day.css’;
  else
    echo ‘night.css’;

" / 

  二、采用JavaScript代码

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

script type="text/javascript"
!–
  function getCSS(){
    datetoday = new Date();
    timenow=datetoday.getTime();
    datetoday.setTime(timenow);
    thehour = datetoday.getHours();
    if (thehour12)
      display = "morning.css";
    else if (thehour17)
      display = "day.css";
    else
      display = "night.css";
    //(…想要更多再加即可…)
    var css = ‘’;
    css+=’link rel="stylesheet" href=’+display+’ /’;
    css+=’’;
    document.write(css);
  }

/script

  考虑到客户端可能不支持或者禁止JavaScript,你需要设置一种默认的CSS。

来源:http://www.tulaoshi.com/n/20160219/1621616.html

延伸阅读
标签: PHP
  本人在项目开发中,开始一直用php,在享受着php的灵活的功能时,同时也遇到了一些问题,如php的ODBC接口连接"远程oracle"问题,就是报告你无m骺幏ń馕鯰NS服务名,经过一番捉摸,现在还是没有找到问题的答案,燃眉之急! 情急之中,想出一妙计,众君请看: 我用ASP连接远程数据库,当然一切OK,联想我以前利用浮动桢的心...
标签: ASP
    为了避免ASP程序和HTML代码混写造成维护困难的情况,本文介绍了一种方法,利用模板来分离程序和页面,使程序设计更加轻松。 在使用ASP制作一个站点的时候,常常会出现一个ASP文件中,程序代码和HTML代码混合的情况。这样子做有许多缺点: 1. 且不说编程时就要对页面布局进行设计和编排,造成代码混乱难懂,不规范; ...
标签: Web开发
用W3C标准建造的网站,从理论上来说可以做到完全的表现与结构相分离。打个比方,就是可以在不动骨架(结构,XHMTL)和肌肉(行为,Javascript)的前提下,彻彻底底地换一身皮(表现,CSS)。 当然,换皮之前你需要先按W3C标准建好你的网站,并且为它准备两套表现不一样的CSS。“换皮”实质上就是“换CSS”,我们要做的,只是用某种方...
标签: Web开发
SCRIPT LANGUAGE="JavaScript" !-- if (window.navigator.userAgent.indexOf("MSIE")=1) { var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; ScreenWidth(IE1024,IE800,IE1152,IEother) }else{ if (window.navigator.userAgent.indexOf("Firefox")=1) { file://如果浏览器为Firefox var Firefox1024=""; var Firefox800=""; v...
标签: Web开发
JavaScript 代码一般最常见的语法格式就是定义函数 function xxx(){/*code...*/},经常有这样的一大堆函数定义。函数名很容易发生冲突,特别是引入多个js文件时,冲突的情况尤为明显。因此也就有引入命名空间的必要。 Javascript 本身没有命名空间的概念,需要用对象模拟出来。 比如定义一个命名空间的类,用于创建命名空...

经验教程

31

收藏

60

精华推荐

JavaScript 代码的加入

JavaScript 代码的加入

天枰王娇娇娇

javascript if 的简化代码

javascript if 的简化代码

裁决小沫揈h

Whois 的PHP代码

Whois 的PHP代码

夜里几多惆怅

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部