天天看点

换肤

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <style type="text/css">

        a

        {

            color:Black;

            }

    </style>

    <link id="lnk" href="Css/red.css" rel="stylesheet" type="text/css" />

    <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>

    <script src="Scripts/jquery.cookie.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () {

            //读取保存的cookie里面的css

            var css = $.cookie("css");

            if (css) {

                //当cookie还没有被删除或者还没有过期,就将它赋给当前的link标签

                $("#lnk").attr("href", css);

            $("a").click(function () {

                var css = $(this).attr("href");

                $("#lnk").attr("href", $(this).attr("href"));

                //记录当前使用的样式

                $.cookie("css", css, { expires: 10 }); //将当前记录保存十天

                return false; //防止它下载或者跳转

            })

        })

    </script>

</head>

<body>

    <a href="css/red.css">红</a><br />

    <a href="css/yellow.css">黄</a><br />

    <a href="css/blue.css">蓝</a><br />

</body>

</html>

本文转自蓬莱仙羽51CTO博客,原文链接:http://blog.51cto.com/dingxiaowei/1366598,如需转载请自行联系原作者

继续阅读