最簡單下拉菜單下拉菜單特效

做web前端開發(fā)經(jīng)常會遇到那種劃到導(dǎo)航欄，會出現(xiàn)下拉菜單的的情況。

網(wǎng)上給出的那些原生態(tài)js效果太復(fù)雜

今天結(jié)合JQuery 做了一個，真是簡單之極，幾行代碼就搞定了的基本功能。

HTML 部分

<a href="#" id="shangxia">JavaScript</a>

<div class="shangxia">

  顯示的內(nèi)容

</div>

JS 部分

<script type="text/javascript">

$(document).ready(function() {

       $('#shangxia').hover(function() {

               $('.shangxia').slideDown();

               $('.shangxia').css("visibility", "visible");

       });

       $(".shangxia").mouseleave(function() {

               $('.shangxia').slideUp();

       });

})

</script>

CSS 部分

.shangxia

{

position: absolute;

visibility: hidden;

width:500px;

height:200px;

border: 1px solid red;

}

有這么一個簡單的基本框架，去擴(kuò)充，思路就清晰多了！

《李翔商業(yè)內(nèi)參》就相當(dāng)于你的私人情報機(jī)構(gòu)，幫你節(jié)省時間，幫你節(jié)約注意力，讓你從那些紛繁的公眾號里解脫出來，那些可惡的標(biāo)題黨，在浪費(fèi)你的時間，浪費(fèi)你的青春，而你卻成為了他們的賺錢工具，那些討厭的廣告正蠶食你的注意力。時間對每個人都很寶貴，但是有誰會在乎我們是否浪費(fèi)了時間，有誰會愿意幫我們節(jié)省時間。有些時候?qū)幵富ㄥX也要把時間省下來，錢不是稀缺資源，自身增值了，自然會有錢，而時間不再有。我毫不猶豫了訂閱了，一年199元。錢已經(jīng)花了，如何能讓它產(chǎn)生更大的價值呢。我想免費(fèi)分享出去,分享給更多的喜歡《李翔商業(yè)內(nèi)參》的人。

 有喜歡的朋友可發(fā)我郵件tataml2006$163.com ($由@替換),我會每日整理好發(fā)你郵件。

 如果只是懷著免費(fèi)的東西，不要白不要的心理，我希望你不要發(fā)郵件給我。終身學(xué)習(xí)，擁抱變化，大家共同進(jìn)步！