<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml" >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>网站菜单----点击展开子菜单1</title>
    <style type="text/css">
        .hidden_nav{display:none;}
        li{list-style:none;border:1px solid #ccc;}
        a{text-decoration:none;}
        .menu{width:120px;text-align:center;line-height:30px;background:#f00;}
        .menu a{font-size:14px;color:#fff;font-weight:bold;}
        .hidden_nav a{font-size:12px;color:#555;}
        .hidden_nav li{text-align:left;background:#ff0;}
    </style>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".menu").click(function () {
                $(this).children(".hidden_nav").show();
                $(this).siblings().children(".hidden_nav").hide();
            })
            })
    </script>
</head>
<body>
    <div class="left">
        <ul class="nav">
            <li class="menu">
                <a href="javascript:void(0)" title="">单机游戏</a>
                <ul class="hidden_nav">
                  <li><a href="javascript:void(0)" title="">1</a></li>
                  <li><a href="javascript:void(0)" title="">2</a></li>
                  <li><a href="javascript:void(0)" title="">3</a></li>
                  <li><a href="javascript:void(0)" title="">4</a></li>
                </ul>
            </li>
            <li class="menu">
                <a href="javascript:void(0)" title="">网络游戏</a>
                <ul class="hidden_nav">
                  <li><a href="javascript:void(0)" title="">1</a></li>
                  <li><a href="javascript:void(0)" title="">2</a></li>
                  <li><a href="javascript:void(0)" title="">3</a></li>
                  <li><a href="javascript:void(0)" title="">4</a></li>
                </ul>
                </li>
            <li class="menu">
                <a href="javascript:void(0)" title="">网页游戏</a>
                <ul class="hidden_nav">
                  <li><a href="javascript:void(0)" title="">1</a></li>
                  <li><a href="javascript:void(0)" title="">2</a></li>
                  <li><a href="javascript:void(0)" title="">3</a></li>
                  <li><a href="javascript:void(0)" title="">4</a></li>
                </ul>
            </li>
            <li class="menu">
                <a href="javascript:void(0)" title="">小游戏</a>
                <ul class="hidden_nav">
                  <li><a href="javascript:void(0)" title="">1</a></li>
                  <li><a href="javascript:void(0)" title="">2</a></li>
                  <li><a href="javascript:void(0)" title="">3</a></li>
                  <li><a href="javascript:void(0)" title="">4</a></li>
                </ul>
            </li>
            <li class="menu">
                <a href="javascript:void(0)" title="">游戏攻略</a>
                <ul class="hidden_nav">
                  <li><a href="javascript:void(0)" title="">1</a></li>
                  <li><a href="javascript:void(0)" title="">2</a></li>
javascript void 0 是什么意思
                  <li><a href="javascript:void(0)" title="">3</a></li>
                  <li><a href="javascript:void(0)" title="">4</a></li>
                </ul>
            </li>
            <li class="menu">
                <a href="javascript:void(0)" title="">资讯平台</a>
                <ul class="hidden_nav">
                  <li><a href="javascript:void(0)" title="">1</a></li>
                  <li><a href="javascript:void(0)" title="">2</a></li>
                  <li><a href="javascript:void(0)" title="">3</a></li>
                  <li><a href="javascript:void(0)" title="">4</a></li>
                </ul>
            </li>
        </ul>
    </div>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。