-
<script src="jquery-1.11.1.js"></script> <script type="text/javascript"> $(function () { $(".navmenu").mouseover(function () { $(this).children("ul").show(); }); $(".navmenu").mouseout(function () { $(this).children("ul").hide(); }); }) </script> <li class="navmenu"><a href="#">課程大廳</a> <ul> <li><a href="#">JavaScript</a></li> <li><a href="#">jQuery</a></li> </ul>查看全部
-
ul li ul{position:absolute;left:0px;top:40px;display:none;}/*默認為空*/ <script type="text/javascript"> function showsubmenu(li) { var submenu = li.getElementsByTagName("ul")[0]; submenu.style.display = "block"; } function hidesubmenu(li) { var submenu = li.getElementsByTagName("ul")[0]; submenu.style.display ="none"; } </script> <li onmouseover="showsubmenu(this)" onmouseout="hidesubmenu(this)"><a href="#">課程大廳</a> <ul> <li><a href="#">JavaScript</a></li> <li><a href="#">jQuery</a></li> </ul> </li>查看全部
-
onmouseover:鼠標經過事件；onmouseout:鼠標離開事件；查看全部
-
一級菜單： <style type="text/css"> *{margin:0px;padding:0px;} #nav{background-color:#eee;width:600px;height:40px;margin:0 auto; } ul{list-style:none;} ul li {float:left;line-height:40px;text-align:center;} a{text-decoration:none;color:#000;display:block;padding:0 10px;} a:hover{color:#fff;background-color:yellow;} </style> <div id="nav"> <ul> <li><a href="#">首頁</a></li> <li><a href="#">課程大廳</a></li> <li><a href="#">學習中心</a></li> <li><a href="#">經典案例</a></li> <li><a href="#">關于我們</a></li> </ul> </div>查看全部
-
下拉菜單（第一步：靜態網頁的制作；第二步：動態特效的實現---下拉菜單的顯示和隱藏【css方法實現；jQuery方法實現；JavaScript方法實現】;第三步：瀏覽器兼容）查看全部
-
一. 一級菜單設置 1.設置CSS樣式,使一級菜單橫向顯示,位于一行中. 二. 二級菜單設置 2.給”課程大廳”菜單,添加二級菜單(JavScript/JQuery兩項),并帶鏈接. 三. 隱藏二級菜單 3. 設置CSS樣式,讓二級菜單隱藏 四. 顯示二級菜單 4. 設置CSS樣式,讓二級菜單顯示查看全部
-
使用CSS樣式方法實現下拉菜單動態效果.查看全部
-
使用this獲取當前對象，children獲取當前對象的子對象，show和hide實現元素顯示和隱藏查看全部
-
不錯查看全部
-
:hover可以添加在li后----在CSS2中此偽類可以應用于任何對象。查看全部
-
二級菜單寬度不影響一級菜單的寬度：給二級菜單添加position屬性查看全部
-
這個了查看全部
-
overflow：這個屬性定義溢出元素內容區的內容會如何處理。 visible 默認值。內容不會被修剪，會呈現在元素框之外。 hidden 內容會被修剪，并且其余內容是不可見的。 scroll 內容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內容。 auto 如果內容被修剪，則瀏覽器會顯示滾動條以便查看其余的內容。 inherit 規定應該從父元素繼承 overflow 屬性的值。查看全部
-
overflow:auto會清除本省元素浮動產生的高度為0的情況，以至于能包裹住所有的子元素查看全部
-
ul li:hover ul{display:block} 顯示二級菜單； ul li{position:relative;} 表死子元素與一級父元素相關，查看全部
舉報
0/150
提交
取消