-
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
提交
取消