换肤
<!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 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>
