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