写了个jquery cookie的例子
最近工作着实太忙了，今天根据老大的意见修改了CSS，增强了HTML文档语义化结构。
也是由于赶工出活的原因，导致我写css时候对HTML的控制力大打折扣，说实话不是boss要求高，而是自己没注意这些小问题，现在花时间解决它，以后维护更快捷。
今天下午写了个cookie的小例子，不是什么高招也是一种常见的例子，比那些cookie存入购物车简单多了，不过很实用。
本例子主要用JS操控俩种菜单展示其一，要求存入COOKIE，至于存多少时间，根据你的要求而定，这里我只存储了7天。
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery cookie 小例子</title>
</head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
<body>
<div id="capacity_menu_normal">普通列表</div>
<div id="capacity_menu_tree" style="display:none">树形列表</div>
<a href="javascript:void(0);" id="switchMenu_a">切换树形菜单</a>
<script>
$(function(){
//是否获取cookie值"tree",亦没有cookie或者值为其他，比较简单
if($.cookie('menu_show_style') == "tree") {
$('#capacity_menu_normal').hide();
$('#capacity_menu_tree').show();
$('#switchMenu_a').text( "切换普通菜单" );
}
else {
$('#capacity_menu_normal').show();
$('#capacity_menu_tree').hide();
$('#switchMenu_a').text( "切换树形菜单" );
}
$("#switchMenu_a").click(function(){
var COOKIE_NAME = "menu_show_style";
if($.cookie(COOKIE_NAME) == "tree" ){
$.cookie(COOKIE_NAME, "normal",{expires: 7});
$('#capacity_menu_normal').show();
$('#capacity_menu_tree').hide();
$('#switchMenu_a').text( "切换树形菜单" );
} else {
$.cookie(COOKIE_NAME, "tree",{expires: 7});
$('#capacity_menu_normal').hide();
$('#capacity_menu_tree').show();
$('#switchMenu_a').text( "切换普通菜单" );}
//alert($.cookie(COOKIE_NAME)); //测试用的
});
})
</script>
</body>
</html>
这里要注意下，不要纠结于谷歌浏览器读取不到cookie，用火狐测试即可。当你通过HTTP协议访问的时候，谷歌、360浏览器就会正常显示了。
