亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

下拉菜單不顯示

在IE6瀏覽器中，為什么下拉菜單無法顯示，其他瀏覽器都是正常的，如何修改

正在回答

3 回答

IE7以下就不要考慮了，現在幾乎沒人用IE瀏覽器了，何況是低版本的??！

0 回復 有任何疑惑可以回復我~

非常感謝，我用得是HTML+CSS實現的下拉菜單，就是老師說的第一種

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>HTML+CSS下拉菜單</title>

<style type="text/css">

*{margin:0; padding:0;}

ul{list-style:none;}

.clearfix:after{content:"";display:block;clear:both;}

.clearFix{zoom:1;}

a{text-decoration:none; color:#000;}

#nav{width:600px; height:40px; margin:0 auto; background:#ccc;}

.nav_1 li{float:left;font:16px/40px "微軟雅黑"; text-align:center;position:relative;}

.nav_1 a{ padding:0 15px;display:block;}

.nav_1 a:hover{color:#fff; background:#666;}

.nav_2{position:absolute;top:40px;left:0;display:none;}

.nav_2 li{float:none;margin-top:3px;background:#eee;height:40px;}

.nav_1 li:hover ul{display:block;}

.nav_2 a{ padding:0 12px;display:block;}

.nav_2 a:hover{background:#09F;}

</style>

</head>


<body>

<div id="nav">

<ul class="nav_1 clearfix">

? ? <li><a href="#">首頁</a></li>

? ? ? ? <li><a href="#">課程大廳</a>

? ? ? ? <ul class="nav_2">

? ? ? ? ? ? <li><a href="#">JavaScript</a></li>

? ? ? ? ? ? ? ? <li><a href="#">jQuery</a></li>

? ? ? ? ? ? </ul>

? ? ? ? </li>

? ? ? ? <li><a href="#">學習中心</a>

? ? ? ? <ul class="nav_2">

? ? ? ? ? ? <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>


0 回復 有任何疑惑可以回復我~

?<script type="text/javascript">

??????? window.onload = function () {

? ? ? ? ? ? var isIE = !!window.ActiveXObject;

??????????? var isIE6 = isIE && !window.XMLHttpRequest;

??????????? if (isIE6) {

??????????? var Lis = document.getElementsByTagName("li");

??????????? for (var i = 0; i < Lis.length; i++) {

?????? ?????????Lis[i].onmouseover = function () {

??????????????????? var u = this.getElementsByTagName("ul")[0];

?????????????????? ?if (u != undefined) {

??????????????????????? u.style.display = "block";? ? ?}

??????????????? }

??????????????? Lis[i].onmouseout = function () {

??????????????????? var u = this.getElementsByTagName("ul")[0];? ? ? ??

??????????????????? if (u != undefined) {

??????????????????????? u.style.display = "none";? ? ? }

??????????????? }

??????????? }

??????????? }

?????? ?}

??? </script>


0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
形形色色的下拉菜單
  • 參與學習       106932    人
  • 解答問題       563    個

本教程從易到難，循循漸進，運用不同技術實現動態下拉菜單

進入課程

下拉菜單不顯示

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號