網生@誌 | zEUS.’Blog

<div class="nav">
        <ul>
            <li class="page_item <?php if ( is_home() ) { ?>current_page_item<?php } ?>"><a href="<?php echo get_settings('home'); ?>/" title="博客首页">博客首页</a></li>
            <?php wp_list_pages('sort_column=menu_order&depth=1&exclude=&title_li=');?>
        </ul>
</div>

<div class="nav">
        <ul>
            <li class="page_item <?php if ( is_home() ) { ?>current_page_item<?php } ?>"><a href="<?php echo get_settings('home'); ?>/" title="HOME">博客首页</a></li>
            <?php wp_list_pages('sort_column=menu_order&depth=1&exclude=491,515,8,523,36&title_li=');?>
	    <script type="text/javascript">
            function displaySubMenu(li) {
            var subMenu = li.getElementsByTagName("ul")[0];
            subMenu.style.display = "block";
            }
            function hideSubMenu(li) {
            var subMenu = li.getElementsByTagName("ul")[0];
            subMenu.style.display = "none";
            }
            </script>
            <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
            	<a href="javascript:void(0)">展开导航</a>
                <ul>
                <span class="subnav-l"></span>
                <?php wp_list_pages('sort_column=menu_order&depth=1&include=36,523,515,8&title_li=');?>        
                </ul>
            </li>
        </ul>
</div>

/* Javascript 悬浮菜单样式 */
.subnav-l {
background:url(images/subnav-l.gif) no-repeat;
height:28px;
width:10px;
margin-top:2px;
float:left;
}
.nav ul li ul {
display:none;
padding:0 10px 0 0;
margin:0;
position:absolute;
right:0;
height:30px;
width:auto;
background:#333 url(images/subnav-r.gif) no-repeat right;
list-style:none;
float:left;
z-index:30;
}
.nav ul li ul li {
float:right;
height:26px;
padding:2px 11px;
}