Código ASP, PHP e JavaScript para troca de skins CSS de acordo com os períodos de tempo Todos devem saber que um site pode mudar diferentes estilos CSS. Por exemplo, o conhecido Tencent também adicionou a função de troca de skins durante sua revisão este ano. É uma boa ideia ajustar automaticamente o estilo do site de acordo com o tempo. Esse ajuste automático do estilo do site de acordo com o tempo não é novidade. Lembro-me de ter visto artigos ou métodos semelhantes há muito tempo, mas não prestei atenção especial a isso. no momento. Vamos falar sobre seus métodos de implementação. Atualmente, existem dois métodos de implementação na Internet:
1. Usando
a versão ASP do código do lado do servidor:
<link rel="stylesheet" type="text/css" href="
<%
se hora(agora)<12 então
resposta.write "manhã.css"
elseif hora(agora)<17 então
resposta.write "dia.css"
outro
resposta.write "noite.css"
terminar se
%>
"/>
Versão PHP:
<link rel="stylesheet" type="text/css" href="
<?php
$hora = data("H");
if($hora < 12)
eco 'manhã.css';
senão if($hora < 17)
echo 'dia.css';
outro
echo 'noite.css';
?>
"/>
2. Use código JavaScript
<script type="texto/javascript">
<!–
função getCSS(){
datahoje = nova Data();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
ahora = datetoday.getHours();
if (a hora<12)
display = "manhã.css";
senão if (ahora<17)
display = "dia.css";
outro
display = "noite.css";
//(...basta adicionar mais se quiser...)
var css = '<';
css+='link rel="folha de estilo" href='+display+' /';
css+='>';
documento.write(css);
}
->
</script>
Considerando que o cliente pode não suportar ou desabilitar JavaScript, é necessário definir um CSS padrão.