日期:2014-05-17 浏览次数:20538 次
<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="#