Maison > Article > php教程 > 简单的切换网页版本

简单的切换网页版本

PHP中文网original: 2016-05-26 08:20:321198parcourir

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<style>
header {
    text-align: right;
}
#change-feeling {
    text-decoration: none;
    font-size: small;
}
#form-section {
    text-align: center;
    margin-top: 1em;
    padding-top: 100px;
}
#input {
    width: 40em;
    padding: 0.5em 0.2em;
    font-size: large;
}
</style>
<script>
function changeFeeling(feeling) {
    var now = new Date();
    var nextYear = new Date(now.getTime() + 3600000 * 24 * 365);
    document.cookie = &#39;feeling=&#39; + feeling + &#39;; expires=&#39; + nextYear.toGMTString();
    
    location.reload();
}

</script>
</head>
<body>
<header>
<?php
if (array_key_exists(&#39;feeling&#39;, $_COOKIE)) {
    $feeling = $_COOKIE[&#39;feeling&#39;];
} else {
    $feeling = &#39;old&#39;;
}

if ($feeling === &#39;new&#39;) {
    echo <<<EOT
<style class="feeling">
body {
    background: #80E0F0;
}
#input {
    height: 2em;
    font-family: "微软雅黑";
}
</style>
<a id=change-feeling href="javascript:changeFeeling(&#39;old&#39;);">返回旧版</a>
EOT;
} else {
    echo <<<EOT
<a id=change-feeling href="javascript:changeFeeling(&#39;new&#39;);">使用新版</a>
EOT;
}
?>
</header>
<section id=form-section>
<input id=input>
</section>
</body>
</html>

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Thinkphp实现分页Article suivant：PHP CLI 多进程执行启动脚本

Articles Liés

Voir plus