简单的切换网页版本

PHP中文网オリジナル: 2016-05-26 08:20:321219ブラウズ

<!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>

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：Thinkphp实现分页次の記事：PHP CLI 多进程执行启动脚本

続きを見る

简单的切换网页版本

関連記事