-
由于外層ul沒有設置大小，在li設置float后，ul外形會崩潰，所以設置border-bottom時候會飄到上面，給ul設置overflow：auto； 使其自適應內部的浮動元素，邊框可以正常展現查看全部
-
浮動會讓元素坍塌，即被浮動元素的父元素不具有高度。例如：一個父元素包含了一個浮動元素，它將塌陷具有零高度。因為浮動元素由于脫離了普通的文檔流，不用占用原來文檔中的位置，因此無法把父元素撐開。查看全部
-
position:absolute；生成絕對定位的元素，完全脫離標準文檔流，建立了以包含塊為基準的定位。 絕對定位的參照標準： 1、無以定位的父元素，以html（瀏覽器）為偏移參照基準。 2、有以定位的祖先元素，以距其最近的祖先元素（父元素）為偏移參照基準 附：當一個元素設置為絕對位時若沒有設置寬度時，元素的寬度根據內容進行調節（自適應寬度）查看全部
-
<style type="text/css"> .top-nav{ font-size:12px; font-weight:bold; list-style:none; border-bottom:8px solid #dc4e1b; overflow:auto; /*擴展到它需要的大小包圍子元素*/ } .top-nav li{ float:left; margin-right:1px; } .top-nav li a{ line-height:20px; text-decoration:none; background:#ddd; color:#666666; display:block; width:80px; text-align:center;} .top-nav li a span{ display:none; } .top-nav li a:hover span{ display:block; background:#dc4e1b; color:#FFF; } .top-nav li a:hover{ margin-top:-20px; } </style>查看全部
-
javaScript與jQuery的區別查看全部
-
this為當前對象。。。查看全部
-
getElementsByTagName(),注意區分大小寫?。。?！查看全部
-
一級菜單不受二級菜單的影響，給二級菜單加一個position：absolute；//相對定位//給一級菜單加一個position：relative。//絕對定位//查看全部
-
ie兼容查看全部
-
<script src="jquery-1.7.2/jquery.min.js"></script> <script type="text.javascript"> $(function(){ $(".navmenu").mouseover(function(){ <!--獲得class名稱為navmenu的元素--> $(this).children("ul").show(); <!--獲得標簽名為ul的孩子元素--> }) $(".navmenu").mouseout(function(){ $(this).children("ul").hide(); }) }) </script> <!--$(function(){...})如何編寫一個jQuery元素 children()方法找子元素 show()方法顯示html元素 hide()方法隱藏html元素 jQuery庫引用方法 第一種方法： 將jQuery庫下載到電腦上，然后引用。 <script type="text/javascript" src="jquery/jquery-1.7.1.min.js"></script> 第二種方法： 直接引用在線服務器上的jQuery庫文件。如：引用google服務器上的jQuery庫文件 <script type="text/javascript" src="http://ajax.gooogleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> -->查看全部
-
ctrl+shift+entry 在標簽內添加內容查看全部
-
JS實現下拉菜單知識點查看全部
-
<script type="text/javascript"> <!--java標簽能寫在任何一個地方，添加一個JavaScript標簽樣式--> function showsubmenu(li){ var submenu=li.getElementsByTagName("ul")[0]; /*function /定義函數/show/這是一個函數名字：顯示/submenu/菜單/(li)/這里寫參數/{ var submenu=li/這個li菜單下面的來獲取ul標簽元素/.get/獲得/Elements/一些元素/By/通過/TagName("ul")[0];/標簽名:菜單標簽名是ul,ul里面一組數據排序是從0開始/*/ /*定義一個變量，用來存放二級菜單，getElementsByTagName()在JavaScript中區分大小寫，getElementsByTagName()并且獲得的是一組數據*/ submenu.style.display="block"; /*submenu樣式為顯示*/ } function hidesubmenu(li){ var submenu=li.getElementsByTagName("ul")[0]; submenu.style.display="none"; } <!--/ onmouseover 鼠標進過事件 onmouseout 鼠標離開事件 function 使用function關鍵字定義函數 getElementsByTagName() 點擊獲取我們所需要的元素 /--> <li onmousemove="showsubmenu(this)" onmouseout="hidesubmenu(this)"><a href="#">課程大廳</a> <!--建立li列，添加一個鼠標經過“顯示”事件，使用創建好的JavaScript函數，this指的是當前的對象；添加一個鼠標離開"隱藏"事件，并設置一個空連接-->查看全部
-
ul li{ float:left; line-height:40px; text-align:center; position:relative} /*設置li的樣式，向左浮動，每一個li寬為90px，垂直居中，左右居中。設置一個相對定位，讓二級菜單以這個位標準定位*/ a{ text-decoration:none; color:#000; display:block;padding:0 10px; height:40px;} /*把a標簽的下劃線取消，并把字體顏色改為黑色,把a標簽改為塊級元素（a標簽默認為行級元素）。為了使各類瀏覽器都兼容，設置一個a標簽的高度，為40px*/ a:hover{ color:#FFF; background-color:#666;} /*鼠標進過a標簽時字體為白色，背景顏色為#666*/ /*若是導航欄文字超出所設置的90px;則把ul li項里的寬度設置刪除，在a標簽設置里添加padding：0 10px; a{ text-decoration:none; color:#000; display:block};padding：0 10px; */ ul li ul li{ float:none; background-color:#eee; margin-top:2px; } /*設置二級菜單樣式：float為空，背景顏色為#eee，上邊距2px*/ ul li ul{ position:absolute; left:0px; top:40px; display:none} /*為二級菜單設置一個絕對定位，若是有相對定位的話根據相對定位進行定位(距離左側0px，距離頂部40px)這樣二級菜單的寬度不會影響到一級菜單。把二級菜單隱藏掉*/查看全部
-
需要復習查看全部
舉報
0/150
提交
取消