Código ASP, PHP y JavaScript para cambiar máscaras CSS según períodos de tiempo. Todo el mundo debería saber que un sitio web puede cambiar diferentes estilos CSS. Por ejemplo, el conocido Tencent también añadió la función de cambiar máscaras durante su revisión de este año. Es una buena idea ajustar automáticamente el estilo del sitio según el tiempo. Este ajuste automático del estilo del sitio según el tiempo no es nada nuevo. Recuerdo haber visto artículos o métodos similares hace mucho tiempo, pero no le presté especial atención. En el momento. Hablemos de sus métodos de implementación. Actualmente existen dos métodos de implementación en Internet:
1. Usando
la versión ASP del código del lado del servidor:
<enlace rel="hoja de estilo" tipo="texto/css" href="
<%
si hora (ahora) <12 entonces
respuesta.escribir "mañana.css"
elseif hora (ahora) <17 entonces
respuesta.escribir "día.css"
demás
respuesta.escribir "noche.css"
terminar si
%>
"/>
Versión PHP:
<enlace rel="hoja de estilo" tipo="texto/css" href="
<?php
$hora = fecha("H");
si($hora < 12)
eco 'mañana.css';
de lo contrario ($ hora < 17)
eco 'día.css';
demás
eco 'noche.css';
?>
" />
2. Utilice código JavaScript
<tipo de script="texto/javascript">
<!–
función obtenerCSS(){
fecha hoy = nueva fecha();
timenow=fechahoy.getTime();
fechahoy.setTime(horahora);
lahora = fechahoy.getHours();
si (la hora<12)
display = "mañana.css";
de lo contrario si (la hora <17)
mostrar = "día.css";
demás
mostrar = "noche.css";
//(...simplemente agrega más si quieres...)
varcss = '<';
css+='link rel="hoja de estilo" href='+display+' /';
css+='>';
documento.write(css);
}
–>
</script>
Teniendo en cuenta que es posible que el cliente no admita o deshabilite JavaScript, debe configurar un CSS predeterminado.