最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

基于jQuery實(shí)現(xiàn)二級(jí)下拉菜單效果

 更新時(shí)間:2016年02月01日 10:41:07   作者:gogoggo  
這篇文章主要介紹了jQuery實(shí)現(xiàn)二級(jí)下拉菜單效果的相關(guān)資料,二級(jí)下拉菜單在實(shí)際應(yīng)用中非常的常見,比如企業(yè)網(wǎng)站的產(chǎn)品分類,或者部門分類等等,需要的朋友可以參考下

本文通過(guò)代碼實(shí)例詳細(xì)介紹一下簡(jiǎn)單的二級(jí)下拉菜單是如何實(shí)現(xiàn)的,當(dāng)然還有更為復(fù)雜的二級(jí)菜單,不過(guò)先學(xué)會(huì)如何制作簡(jiǎn)單的,分享給大家供大家參考,具體內(nèi)容如下

代碼如下:

<html>
<head>
<meta charset=" utf-8">
<title>下拉菜單</title>
<style type="text/css">
nav a{ 
 text-decoration:none; 
} 
nav>ul>li{ 
 float:left; 
 text-align:center; 
 padding:0 0.5em;
 width:120px; 
}
nav li ul.sub-menu{ 
 display:none; 
 padding-left:0 !important; 
} 
.sub-menu li{color:white;} 
.sub-menu li:hover{background-color:black;} 
.sub-menu li:hover a{color:white;} 
ul{list-style: none;} 
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
 $('.box> li').hover(function(){ 
  $(this).find('.sub-menu').css('display', 'block'); 
 },function(){ 
  $(this).find('.sub-menu').css('display', 'none'); 
 }); 
}); 
</script> 
</head>
<body>
<nav>
 <ul class="box">
  <li><a href="#">前端專區(qū)</a>
   <ul class="sub-menu">
    <li><a href="#">jquery教程</a></li>
    <li><a href="#">css教程</a></li>
    <li><a href="#">js教程</a></li>
   </ul>
  </li>
  <li><a href="#">資源專區(qū)</a>
   <ul class="sub-menu">
    <li><a href="#">電腦模板下載</a></li>
    <li><a href="#">手機(jī)模板下載</a></li>
    <li><a href="#">特效下載</a></li>
   </ul>
  </li>
  <li><a href="#">交流專區(qū)</a>
   <ul class="sub-menu">
    <li><a href="#">運(yùn)營(yíng)交流</a></li>
    <li><a href="#">seo優(yōu)化</a></li>
    <li><a href="#">站長(zhǎng)交流</a></li>
   </ul>
  </li>
 </ul>
</nav>
</body>
</html>

希望本文所述對(duì)大家學(xué)習(xí)jquery程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論

勃利县| 漳浦县| 博客| 密山市| 谷城县| 扶余县| 阿尔山市| 齐齐哈尔市| 绥化市| 承德市| 民县| 丹寨县| 临泉县| 珠海市| 宝清县| 吉林市| 海安县| 越西县| 德昌县| 湄潭县| 镇宁| 娱乐| 凤城市| 资源县| 北川| 县级市| 磐安县| 自贡市| 宾阳县| 商城县| 云阳县| 丰县| 同江市| 榆林市| 延津县| 凉城县| 德兴市| 铜川市| 施秉县| 绵竹市| 泰州市|