-
jijfioj查看全部
-
js實現下拉菜單和jq實現下拉菜單的區別查看全部
-
下拉菜單的方法查看全部
-
......查看全部
-
onmouseover 鼠標經過事件 onmouseout 鼠標離開事件查看全部
-
二級列表查看全部
-
HTML+CSS下拉菜單查看全部
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $(".navmenu").mouseover(function(){ $(this).children("ul").show(); }) $(".navmenu").mouseout(function(){ $(this).children("ul").hide(); }) }) </script> </head> <body> <div id="menu"> <ul> <li><a href="#">首頁</a></li> <li class="navmenu"><a href="#">課程大廳</a> <ul> <li><a href="#">JavaScript</a></li> <li><a href="#">jQuery</a></li> </ul> </li> <li class="navmenu"><a href="#">學習中心</a> <ul> <li><a href="#">視頻學習</a></li> <li><a href="#">案例學習</a></li> <li><a href="#">交流平臺</a></li> </ul> </li> <li><a href="#">經典案例</a></li> <li><a href="#">關于我們</a></li> </ul> </div> </body> </html>查看全部
-
<head> <style type="text/css"> *{ margin:0px; padding:0px;} #menu{ background-color:#eee; width:600px; height:40px; margin:0 auto;} ul{ list-style:none;} ul li{ line-height:40px; text-align:center; position:relative; float:left; } a{ text-decoration:none; color:#000; display:block; width:90px;} a:hover{ color:#FFF; background-color:#666;} ul li ul li{ float:none;margin-top:2px; background-color:#eee; } ul li ul{width:90px; position:absolute; display:none; } ul li:hover ul{display:block;} </style> </head> <body> <div id="menu"> <ul> <li><a href="#">首頁</a></li> <li><a href="#">課程大廳</a> <ul> <li><a href="#">HELLO</a></li> <li><a href="#">案例學習</a></li> <li><a href="#">交流平臺</a></li> </ul> </li> <li><a href="#">學習中心</a> <ul> <li><a href="#">視頻學習</a></li> <li><a href="#">案例學習</a></li> <li><a href="#">交流平臺</a></li> </ul> </li> <li><a href="#">經典案例</a></li> <li><a href="#">關于我們</a></li> </ul> </div> </body> </html>查看全部
-
下拉菜單的顯示和隱藏 CSS方法實現 jQuery方法實現 JavaScript方法實現查看全部
-
留個印記查看全部
-
給父級菜單鼠標經過的時候給他上移20個像素 margin-top:-20px;查看全部
-
overflow:auto清除浮動 包裹里面的子元素查看全部
-
<script type="text/javascript" src="./jquery-1.7.min.js"></script> <script type="text/javascript"> $(function(){ $(".navmenu").mouseover(function(){ $(this).children("ul").show(); }) $(".navmenu").mouseout(function(){ $(this).children("ul").hide(); }) }) </script>查看全部
-
function showsubmenu(li){ var submenu=li.getElementsTagName("ul")[0]; submenu.style.display="block"; } onmouseover="showsubmenu(this)" onmouseout="hidesubmenu(this)"查看全部
舉報
0/150
提交
取消