jquery實現下拉菜單-創新互聯

效果:

創新互聯公司專注于企業成都全網營銷推廣、網站重做改版、涪城網站定制設計、自適應品牌網站建設、H5頁面制作、商城網站建設、集團公司官網建設、外貿網站制作、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為涪城等各大城市提供網站開發制作服務。

jquery實現下拉菜單

代碼:

<!DOCTYPE html>

<html>

<head>

<title>JQuery實現下拉菜單</title>

*{margin: 0px;padding: 0px}

.nav{background-color: #eee;width: 600px;height: 40px;margin: 0 auto;}

.nav-ul{list-style: none;}

.nav-ul li{float: left;line-height: 40px;text-align: center;position: relative;}

.nav-ul li a {text-decoration: none;color: #000;display: block;padding:0 10px;}

.nav-ul li a:hover{color: #FFF;background-color: #666}

.nav-ul li .nav-ul-li-ul{position: absolute;left: 0px; top:40px;display: none;}

.nav-ul li .nav-ul-li-ul li {list-style: none; float: none;background-color: #eee;margin-top: 2px;}

.nav-ul li .nav-ul-li-ul li a:hover{color: #FFF;background-color: #36e}

</style>

$(function () {

//鼠標懸浮到元素上

$(".nav-ul .nav-ul-li").mouseover(function(){

$(this).children(".nav-ul-li-ul").show();

});

//鼠標離開元素時

$(".nav-ul .nav-ul-li").mouseout(function(){

$(this).children(".nav-ul-li-ul").hide();

});

</script>

</head>

<body>

<li><a href="">javascript</a></li>

</ul>

</li>

</ul>

</div>

</body>

</html>

jquery實現下拉菜單

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

文章名稱：jquery實現下拉菜單-創新互聯
文章位置：http://m.2m8n56k.cn/article2/dodpic.html

成都網站建設公司_創新互聯，為您提供微信公眾號、定制網站、網站設計、自適應網站、網站內鏈、網站排名

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

jquery實現下拉菜單-創新互聯