网页刷新后保持菜单的原状态

最新推荐文章于 2021-06-22 16:52:40 发布

Eric_Iven

最新推荐文章于 2021-06-22 16:52:40 发布

阅读量929

点赞数

CC 4.0 BY-SA版权

分类专栏： Web Jquery AJAX 文章标签： function asp null menu path xml

本文链接：https://blog.youkuaiyun.com/Eric_Iven/article/details/5598714

Web 同时被 2 个专栏收录

10 篇文章

订阅专栏

Jquery AJAX

8 篇文章

订阅专栏

<!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" xml:lang="zh-cn" lang="zh-cn">
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
     <title>艾恩ASP学习Blog-天下没有免费的午餐,这里有免费的Asp大餐</title>
     <script type="text/javascript" src="jquery.js"></script>
         <script type="text/javascript">
         $(document).ready(function(){
    $("#menu > a").each(function(i){
                this.onclick=function(){
                        cookie.SET("Aien_currentID",this.id,365);
                };
    });
    var currentID=cookie.GET("Aien_currentID");
    if(currentID!=null){
                $("#" + currentID).css({"background-color":"#eee","color":"red"});
    }
});
var cookie={
    SET        : function(name, value, days) {var expires = "";if (days) {var d = new Date();d.setTime(d.getTime() + days * 24 * 60 * 60 * 1000);expires = "; expires=" + d.toGMTString();}document.cookie = name + "=" + value + expires + "; path=/";},
        GET        : function (name) {var re = new RegExp("(/;|^)[^;]*(" + name + ")/=([^;]*)(;|$)");var res = re.exec(document.cookie);return res != null ? res[3] : null;}
};
         </script>
 </head>

 <body>
 <div id="container"> 
     <div id="menu">
          <a href="index.html" id="m1">首页</a>
          <a href="index.html" id="m2">心情日志</a>
          <a href="index.html" id="m3">程序随笔</a>
          <a href="index.html" id="m4">资源分享</a>

          <a href="index.html" id="m5">艾恩作品</a>
          <a href="index.html" id="m6">留言簿</a>
      </div>
</div>
</body>
</html>