css切换--使用cookie

来源：互联网发布：图巴科维奇知乎编辑：程序博客网时间：2024/05/22 10:41

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 onchange="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

0 0