Code ASP, PHP et JavaScript pour changer de skin CSS en fonction des périodes. Tout le monde doit savoir qu'un site Web peut changer de style CSS. Par exemple, le célèbre Tencent a également ajouté la fonction de changement de skin lors de sa révision cette année. C'est une bonne idée d'ajuster automatiquement le style du site en fonction du temps. Cet ajustement automatique du style du site en fonction du temps n'est pas nouveau. Je me souviens avoir vu des articles ou des méthodes similaires il y a longtemps, mais je n'y ai pas prêté une attention particulière. à l'époque. Parlons de leurs méthodes d'implémentation. Il existe actuellement deux méthodes d'implémentation sur Internet :
1. Utilisation
de la version ASP du code côté serveur :
<link rel="stylesheet" type="text/css" href="
<%
si heure (maintenant) <12 alors
réponse.écrire "matin.css"
sinon heure (maintenant) <17 alors
réponse.écrire "jour.css"
autre
réponse.écrire "nuit.css"
finir si
%>
"/>
Version PHP :
<link rel="stylesheet" type="text/css" href="
<?php
$heure = date("H");
si($heure < 12)
echo 'matin.css';
sinon si($heure < 17)
echo 'jour.css';
autre
echo 'nuit.css';
?>
" />
2. Utilisez le code JavaScript
<script type="text/javascript">
<!–
fonction getCSS(){
dateaujourd'hui = nouvelle date();
timenow=dateaujourd'hui.getTime();
dateaujourd'hui.setTime(timenow);
l'heure = datetoday.getHours();
si (l'heure <12)
display = "matin.css";
sinon si (l'heure <17)
display = "jour.css";
autre
display = "nuit.css";
//(...ajoutez-en simplement plus si vous le souhaitez...)
var css = '<';
css+='link rel="stylesheet" href='+display+' /';
css+='>';
document.write(css);
}
->
</script>
Étant donné que le client peut ne pas prendre en charge ou désactiver JavaScript, vous devez définir un CSS par défaut.