Home >php教程 >PHP源码 >简单的切换网页版本

简单的切换网页版本

PHP中文网
PHP中文网Original
2016-05-26 08:20:321239browse
跳至   
<!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>



Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn