-
明明這樣根本運行不出來，還給我說對了。。。醉了查看全部
-
<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
提交
取消