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

  • 相关阅读:
    PrintStream标准字节输出流
    DataInputStream数据字节专属输入流
    java.io.DateOutputStream:数据专属字节输出流
    BufferedWriter带有缓冲区的输出流 及 OutputStreamWriter转换流
    BufferedReader带有缓冲区的输入流 及 InputStreamReader转换流
    FileWriter输出文本流
    FileReader输入文本流
    使用FileInputStream 和 FileOutputStream 进行copy流 和 使用FileReader 和 FileWriter 进行 copy流案例:
    FileOutputStream输出字符流
    window docker的安装
  • 原文地址:https://www.cnblogs.com/webdm/p/1943010.html
Copyright © 2011-2022 走看看