css切换--使用cookie

css切换--使用cookie

  这篇文章上午写完了，结果发完后文章是空的，只能重新再写一遍了。
 
  之前，我们已经实现了css的切换，但是他有一个问题，即不能保存用户的选择的css，这一篇我们就讲一下如何用cookie来实现保存用户选择的样式。

  我们首先创建一个switch.php的文件
 

<?php
    $styleq = $_REQUEST['qwe'];
    //setcookie('style',$style,time()+31536000,'/','hzlearn.xyz','0');
    setcookie('ewq',$styleq,time()+31536000);
    //echo "<script language='javascript'>alert(qqqqqq);</script>";
    //echo "<script type='text/javascript'>alert(".$styleq.");</script>";
    //echo "<script language='javascript'>alert(".$styleq.");</script>";
    //echo '<script language="javascript">history.go(-1);</script>'
    header("location:".$_SERVER['HTTP_REFERER']);
    //header(location:.getenv("HTTP_REFERER"));
?>

这个文件是为了获得用户选择的样式，并保存到名为ewq的cookie里，并且返回上一页并刷新。

<?php
/*查看cookies的css*/
if($_COOKIE["ewq"]=="_day")
{
$style = "";//采用默认主题
}
else
{
$style = "_night";
}
?>

接着我们在页面上加入上面这段代码，这段代码是每次加载页面时，先去cookie里查看是否已经设定好了样式，若用户已经设定，则用用户设定的样式，否则用默认的。

      <select οnchange="self.location.href=options[selectedIndex].value" >
        <option value="#">风格选择</option>
        <option value="http://characters.wangmn.cn/switch.php?qwe=_day">蓝色风格</option>
        <option value="http://characters.wangmn.cn/switch.php?qwe=_night">绿色风格</option>
      </select>

这段代码是用户选择风格的代码，两个风格名为_day和_night，传到switch.php文件，保存到cookie。

<link id="pagestyle" href="css/twoColFixLtHdr<?php echo $style ?>.css" rel="stylesheet" type="text/css" />

最后在样式里面加上

<?php echo $style ?>

这样就能从cookie里获得样式的名字并且改变。


这时我们打开网页选择样式时就能在cookie看到我们传进去的名为ewq的值。
这样，我们就能实现样式的切换并且保存了。

下面还是讲一下我自己做的一个小作品。

下面链接是自己做的一个小作品，是用来学习汉字结构的，我们将汉字的结构具体展现出来了，摆脱了以往汉字教学中的模糊概念，希望大家可以看看多提提意见。

汉字结构学习

以上，所有
2017/3/3

转载于:https://www.cnblogs.com/wmn7q/p/7265504.html