zoukankan      html  css  js  c++  java
  • 带有防刷新的记忆当前位置菜单

    <!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>带有防刷新的记忆当前位置菜单_网页代码站(www.webdm.cn)</title>
    <style>
    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;}
    </style>

    </head>
    <body>
    <div id="menu">
    <ul>
    <li><a href="javascript:void(0)" class="hover" onclick="changename(0)" hidefocus="true">我的菜单</a></li>
    <li><a href="javascript:void(0)" onclick="changename(1)" hidefocus="true">网页模板</a></li>
    <li><a href="javascript:void(0)" onclick="changename(2)" hidefocus="true">精品代码</a></li>
    <li><a href="javascript:void(0)" onclick="changename(3)" hidefocus="true">设计素材</a></li>
    <li><a href="javascript:clear();" hidefocus="true">恢复初始</a></li>
    </ul>
    </div>
    <script language="javascript">
    function changename(c,cl)
    {
    var d=document.getElementById("menu").getElementsByTagName("a");
    if(!cl)
    {
    writeCookie(
    "hovers",c,222);
    }
    c
    =readCookie("hovers")?readCookie("hovers"):c;
    for(i=0;i<d.length;i++)
    {
    d[i].className
    =i==c?"hover":"";
    }
    }
    function writeCookie(name, value, hours)
    {
    var expire = "";
    if(hours != null)
    {
    expire
    = new Date((new Date()).getTime() + hours * 3600000);
    expire
    = "; expires=" + expire.toGMTString();
    }
    document.cookie
    = name + "=" + escape(value) + expire;
    }
    // Example:
    //
    alert( readCookie("myCookie") );
    function readCookie(name)
    {
    var cookieValue = "";
    var search = name + "=";
    if(document.cookie.length > 0)
    {
    offset
    = document.cookie.indexOf(search);
    if (offset != -1)
    {
    offset
    += search.length;
    end
    = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    cookieValue
    = unescape(document.cookie.substring(offset, end))
    }
    }
    return cookieValue;
    }
    function clear()
    {
    writeCookie(
    "hovers","",222);
    document.location
    =document.location.href;
    }
    changename(
    0,1)
    </script>
    </body>
    </html>

    <br>
    <p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!</p>

    代码来自:http://www.webdm.cn/webcode/7460d56d-2c83-440e-999b-32012559b395.html

  • 相关阅读:
    linux系统中如何进入退出vim编辑器,方法及区别
    [转]JAVA的动态代理机制及Spring的实现方式
    mybaties 缓存
    全面分析 Spring 的编程式事务管理及声明式事务管理
    面试(4)-spring-Spring面试题和答案
    vector的多套遍历方案
    【QT】QT下载与安装
    【QT】无需写connect代码关联信号和槽函数
    【QT】第一个QT程序(点击按钮,显示特定文本)
    【QT】error: 'SIGNAL' was not declared in this scope
  • 原文地址:https://www.cnblogs.com/webdm/p/1943010.html
Copyright © 2011-2022 走看看