                        課程
                    
                        /前端開發(fā)
                        
                            /Bootstrap
                        
                        /玩轉(zhuǎn)Bootstrap（基礎(chǔ)）

bootstrap插入一個自定義的類。無效？

<!DOCTYPE?HTML>
<html>
<head>
????<meta?charset="utf-8">
????<meta?http-equiv="X-UA-Compatible"?content="IE=edge">
????<meta?name="viewport"?content="width=device-width,?initial-scale=1">
????<title>基本用法</title>
????<link?rel="stylesheet"?href="../bs-3.3.7/css/bootstrap.min.css">
????<script?src="../js/jquery-1.7.2.min.js"></script>
????<script?src="../js/jquery-2.0.0.min.js"></script>
????<!--<script?src="../bs-3.3.7/js/bootstrap.min.js"></script>-->
????<style?type="text/css">
????????ul>li{
????????????cursor:?pointer;
????????????border:1px?solid?#eeeeee;
????????}
????????.bg-color{
????????????display:block;
????????????background:#00FFFF;
????????}

????</style>
</head>
<body>
<ul?class="nav?nav-pills">
????<li?class=""><a?href="#">首頁</a></li>
????<li><a?href="#">產(chǎn)品參數(shù)</a></li>
????<li><a?href="#">案例</a></li>
????<li><a?href="#">技術(shù)支持</a></li>
????<li><a?href="#">聯(lián)系</a></li>
</ul>


<script>
????$("li").click(function?()?{
????????$(this).addClass("bg-color").siblings().removeClass("bg-color");

????})




</script>
<!--
<script>
//????鼠標移入移出改變下拉菜單的背景色
????(function?mouse()?{
????????$("li").mouseenter(function?()?{
????????????$(this).css("background-color","blue").siblings().css("background-color","#fff?");
????????});
????????$("li").mouseleave(function?()?{
????????????$("li").css("background","white");
????????})
????})();
//????鼠標離開隱藏下拉菜單
????$(".dropdown-menu").mouseleave(function?()?{
????????$(this).slideUp();
????});
//????鼠標點擊按鈕再次顯示下拉菜單
????$("#dropmenus").on("click",function?()?{
????????$("#menus").slideDown();
????});
????$("#dropmenu1").on("click",function?()?{
????????$("#menu1").slideDown();
????});
//????彈出被點擊的li菜單的文本內(nèi)容
????$("li").click(function?()?{
????????alert($(this).text());
????})
</script>
-->
</body>
</html>