bootstrap 下拉菜单 鼠标经过

<ul class="nav nav-pills">
 <li class="active"><a href="#">Regular link</a></li>
 <li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">
 Dropdown</a>&nbsp;</li>
 </ul>
 <ul id="menu1" class="dropdown-menu">
 <li><a href="#">Action</a></li>
 <li><a href="#">Another action</a></li>
 <li><a href="#">Something else here</a></li>
 <li class="divider"></li>
 <li><a href="#">Separated link</a></li>
 <li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">
 Dropdown</a>&nbsp;



 <ul id="menu2" class="dropdown-menu">
 <li><a href="#">Action</a></li>
 <li><a href="#">Another action</a></li>
 <li><a href="#">Something else here</a></li>
 <li class="divider"></li>
 <li><a href="#">Separated link</a></li>
 </ul>
 </li>
 <li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">
 Dropdown</a>&nbsp;
 <ul id="menu3" class="dropdown-menu">
 <li><a href="#">Action</a></li>
 <li><a href="#">Another action</a></li>
 <li><a href="#">Something else here</a></li>
 <li class="divider"></li>
 <li><a href="#">Separated link</a></li>
 </ul>
 </li>
 </ul>

<script type=”text/javascript”>
$(‘li.dropdown’).mouseover(function() {
$(this).addClass(‘open’); }).mouseout(function() { $(this).removeClass(‘open’); });
</script>