请教: 大家看看这种菜单效果是怎样做的?

菜单效果图例:菜单效果描述:刷新后仍然能保持当前效果。

解决方案 »

  1.   

    菜单效果图例:
    菜单效果描述:
    刷新后仍然能保持当前效果。待完善的源码：
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=gb2312" />
    <title>menu</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <style media="screen" type="text/css">
    <!--
      body {
              margin-top: 50px;
      text-align: center;
      height: 100%;
      width: 100%;
      background: #ffffff;
      }  #menu {
              margin: 0;
      padding: 0;
      height: 24px;
              background: #E6F2FF url(http://img1.tianya.cn/photo/2009/4/5/12430217_13751187.gif) repeat-x left top;
      }  #menu ul {
          height: 24px;
          list-style: none;
      }  #menu li {
          float: left;
      }  #menu a {
          display: block;
          float: left;
          height: 24px;
      line-height: 24px;
      text-align: center;
              width: 94px;
          background: #1F3A87 url(http://img1.tianya.cn/photo/2009/4/5/12430218_13751187.gif) no-repeat left top;
          text-decoration: none;
          font-family: 楷体;
          color: #787878;
      }  #menu a:hover {
          background: url(http://img1.tianya.cn/photo/2009/4/5/12430216_13751187.gif) no-repeat left top;
      color: #1F3A87;
      }  #menu .active {
          background: url(http://img1.tianya.cn/photo/2009/4/5/12430216_13751187.gif) no-repeat left top;
      color: #1F3A87;
      } -->
    </style>
    </head>
    <body>
      <div id="menu">
    <ul>
    <li><a href="#" accesskey="H" title="Home" class="active">首页</a></li>
    <li><a href="#" accesskey="B" title="Blog">日志</a></li>
    <li><a href="#" accesskey="A" title="Album">相册</a></li>
    <li><a href="#" accesskey="U" title="About">关于</a></li>
    <li><a href="#" accesskey="L" title="Link">链接</a></li>
    </ul>
    </div>
      </div>
    </body>
    </html>
      

  2.   

    呵呵  也就是说 和是不是菜单无所谓
    只是 刷新后仍旧保持状态用 COOKIE + body.onload 就可以了
      

  3.   

    可能我描述的过于简单，楼上的还没理解我的意思。还是看一个例子会比较明了。
    比如这个网站的导航：
    http://x.discuz.net/index.php像这样的效果现在应用的很广泛，就是不知道怎么做出来。
    希望各位大虾能帮帮忙~~~~~~