简单的切换网页版本

PHP中文网原创: 2016-05-26 08:20:321210浏览

<!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 多进程执行启动脚本

查看更多

简单的切换网页版本

相关文章