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

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

這個為什么點一級菜單沒反應,二級菜單不顯示出來啊

<!DOCTYPE html>

<html>

<head>

<title></title>

<style type="text/css">

.navlist{

position:absolute;

top:10px;

}

a{

text-decoration:none;

color:white;

}

.navlist a{

margin-left:270px;

color:#666;

}

.expand{

height:0px;

background-color:#333d4d;

overflow:hidden;

position:relative;

top:30px;

width:100%;

}

.expdiv{

height:130px;

width:500%;

}

.expdiv-list{

width:20%;

text-align:center;

float:left;

line-height:110px;

color:white;

}

.expand .close-btn{

width:120px;

height:20px;

background:url(file://D:/broswer_home.png) no-repeat -13px -117px;

position:absolute;

left:50%;

bottom:-2px;

margin-left:-60px;

cursor:pointer;

}

</style>

<script src="https://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript">

$(function(){

$("#menuList").on("click","a",function(){


if($(this).hasClass("btn-active")){

$("#expandZone #closeBtn").click();

return false;

}

var curIndex = $(this).index(),mlValue="-"+curIndex*100+"%";

if($("#expandZone").hasClass("active")){

$("#expandZone .expdiv").animate({marginLeft:m1Value});

}

else{

$("#expandZone .expdiv").css({marginLeft:m1Value});

$("#expandZone").animate({height:"130px"}).addClass("active");

}

$(this).addClass("btn-active").siblings().removeClass("btn-active");

return false;

});

$("#expandZone #closeBtn").on("click",function(){

$("#expandZone").animate({height:"0px"},function(){

$(this).removeClass("active");

$("#menuList .btn-active").removeClass("btn-active");

});

return false;

});

});

</script>

</head>

<body>

<div id="menuList" class="navlist">

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

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

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

<a href="#">個人中心</a>

<a href="#">關于我們</a>

</div>

<div id="expandZone" class="expand">

<div class="expdiv">

<div class="expdiv-list">

<a href="#">慕課網主頁</a>

</div>

<div class="expdiv-list">

<a href="#" id="A4">前端課程</a>

</div>

<div class="expdiv-list">

<a href="#">Javascript</a>

<a href="#">CSS</a>

<a href="#">JQuery</a>

</div>

<div class="expdiv-list">

個人信息:胡圖圖

</div>

<div class="expdiv-list">

公司地址:翻斗大街翻斗花園二號樓1001室

</div>

</div>

<div id="closeBtn" class="close-btn"></div>

</div>

</body>

</html>


正在回答

舉報

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

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

進入課程

這個為什么點一級菜單沒反應,二級菜單不顯示出來啊

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

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

幫助反饋 APP下載

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

公眾號

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