本文实例讲述了JS利用cookie记忆当前位置的防刷新导航效果。分享给大家供大家参考。具体如下：
这里演示利用cookie记忆当前位置的防刷新导航条，主要向大家展示如何在Js中使用cookies技术，用好了cookies，会使你的Js技术更上一层楼。这个菜单就感觉不错，当你鼠标点击之后，重新刷新页面后它仍然是保留在原位置，好像带有记忆功能。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/js-cookie-nav-pos-menu-demo/
具体代码如下：
cookie记忆-防刷新菜单 a{color:#5A73F3;text-decoration:none} body{background:#333;margin:30px;font-size:14px;} #menu li{float:left;height:25px;line-height:25px;list-style:none} #menu li a{padding:10px;} a:hover{background:#ccc;color:##3399FF} a.hover{height:25px;line-height:25px;background:red;color:#ffffff} a,area{blr:e-xpression(this.onFocus=this.blur())} :focus{-moz-outline-style:none;}
- 我的菜单
- 网页模板
- 精品代码
- 设计素材
- 恢复初始
希望本文所述对大家的Javascript程序设计有所帮助。
