日期:2014-05-17 浏览次数:20583 次
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/accordion.js"></script>
<script type="text/javascript">
$(function() {
$(".navv").accordion({
speed: 500,
closedSign: '[+]',
openedSign: '[-]'
});
});
</script>
<style type="text/css">
ul{list-style:none}
.demo{width:200px; margin:8px auto; padding:10px; background:#f7f7f7}
.navv {width: 200px; padding: 40px 28px 25px 0; font-family: "Microsoft yahei", Arial, Helvetica, sans-serif;}
ul.navv {padding: 0; margin: 0; font-size: 1em; line-height: 0.5em; list-style: none;}
ul.navv li {}
ul.navv li a {line-height: 10px; font-size: 14px; padding: 10px 5px; color: #000; display: block; text-decoration: none; font-weight: bolder;}
ul.navv li a:hover {background-color:#675C7C; color:white;}
ul.navv ul { margin: 0; padding: 0;display: none;}
ul.navv ul li { margin: 0; padding: 0; clear: both;}
ul.navv ul li a { padding-left: 20px; font-size: 12px; font-weight: normal;}
ul.navv ul li a:hover {background-color:#D3C99C; color:#675C7C;}
ul.navv ul ul li a {color:silver; padding-left: 40px;}
ul.navv ul ul li a:hover { background-color:#D3CEB8; color:#675C7C;}
ul.navv span{float:right;}
#all
{
width: 950px;
}
</style>
<div id="main">
<div class="demo">
<ul class="navv" id="ulli">
<li><a href="#">1</a>
<ul>
<li><a href="#" >11</a></li>
<li><a href="#" >11</a></li>
<li><a href="#" >11</a></li>
<li><a href="#" >11</a></li>
</ul>
</li>
<li><a href="#">2</a>
<ul>
<li><a href="Businessmp.aspx">22</a></li>
<li><a href="#">22</a></li>
</ul>
</li>
<li><a href="#">3</a></li>
<li><a href="#">4</a>
<ul>
<li><a target="_blank">44</a></li>
<li><a href="#">44</a></li>
<li><a target="_blank">44</a></li>
<li><a target="_blank">44</a></li>
<li><a target="_blank">44</a></li>
</ul>
</li>
<li><a target="_blank">5</a>
<ul>
<li><a href="#