-
明明这样根本运行不出来，还给我说对了。。。醉了查看全部
-
<script type="text/javascript"> function ShowSub(li) { var subMenu = li.getElenmentsByTagName("ul")[0] ; subMenu.style.display ="block"; } function HideSub(li) { var subMenu = li.getElementsByTagName("ul")[0]; subMenu.style.display = "none"; } </script> </head> <body> <div id="nav"> <ul> <li><a href="#">首页</a></li> <li onmouseover="ShowSub" onmouseout="HideSub" ><a href="#">课程大厅</a> <ul> <li><a href="#">JavaScript</a></li> <li><a href="#">Html/CSS</a></li> </ul> </li> <li onmouseover="ShowSub" onmouseout="HideSub" ><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>查看全部
-
javascript查看全部
-
IE6不支持元素的hover属性，考虑到兼容性问题，需要下载csshover.htc文件，并在body中引用它。查看全部
-
/*设置正常状态英文菜单隐藏*/ .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; }查看全部
-
JavaScript方法实现和jQuery方法实现：查看全部
-
jQuery库引用方法：查看全部
-
用JavaScript方法实现下拉菜单动态效果查看全部
-
用HTML/CSS方法实现下拉菜单显示和隐藏查看全部
-
!!window.ActiveXObject&&!window.XMLHttpRequest查看全部
-
Overflow :auto 相当于清除浮动 Float:none Onmouseover onmouseout 行级标签a查看全部
-
_margin:0;针对ie6查看全部
-
$(function () { $('#nav').children('li').has('ul').mousemove(function () { $(this).children('ul').slideDown(300);单位ms }); $('#nav').children('li').has('ul').mouseleave(function () { $(this).children('ul').slideUp(300); }); });查看全部
-
#nav li{ float: left; background: #ddd; position: relative; } #nav li a{ display: inline-block; height: 40px; line-height: 40px; padding: 0 10px; } #nav li a:hover{ background: green; } #nav li ul li a{ width: 150px; padding: 0; text-indent: 2em; } #nav li ul{ display: none; position: absolute; top: 40px; left: 0; } #nav li ul li ul{ position: absolute; left: 150px; top: 0; } #nav li:hover ul{ display: block; } #nav li:hover ul li ul{ display: none; } #nav li:hover ul li:hover ul{ display: block; }查看全部
-
window.onload=function(){ var nav=document.getElementById('nav'); var lis=nav.getElementsByTagName('li'); for(var i=0;i<lis.length;i++){ lis[i].onmouseover=function(){ var ul=this.getElementsByTagName('ul')[0]; if(ul){ ul.style.display='block'; } } lis[i].onmouseout=function(){ var ul=this.getElementsByTagName('ul')[0]; if(ul){ ul.style.display='none'; } } } } $(function(){ $('#nav').find('li').has('ul').mousemove(function() { $(this).children('ul').show(); }).mouseleave(function() { $(this).children('ul').hide(); }); });查看全部
举报
0/150
提交
取消