溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
做web前端開發經常會遇到那種劃到導航欄，會出現下拉菜單的的情況。
網上給出的那些原生態js效果太復雜
今天結合JQuery 做了一個，真是簡單之極，幾行代碼就搞定了的基本功能。
HTML 部分
<a href="#" id="shangxia">JavaScript</a>
<div class="shangxia">
顯示的內容
</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;
}
有這么一個簡單的基本框架，去擴充，思路就清晰多了！
《李翔商業內參》就相當于你的私人情報機構，幫你節省時間，幫你節約注意力，讓你從那些紛繁的公眾號里解脫出來，那些可惡的標題黨，在浪費你的時間，浪費你的青春，而你卻成為了他們的賺錢工具，那些討厭的廣告正蠶食你的注意力。時間對每個人都很寶貴，但是有誰會在乎我們是否浪費了時間，有誰會愿意幫我們節省時間。有些時候寧愿花錢也要把時間省下來，錢不是稀缺資源，自身增值了，自然會有錢，而時間不再有。我毫不猶豫了訂閱了，一年199元。錢已經花了，如何能讓它產生更大的價值呢。我想免費分享出去,分享給更多的喜歡《李翔商業內參》的人。
有喜歡的朋友可發我郵件tataml2006$163.com ($由@替換),我會每日整理好發你郵件。
如果只是懷著免費的東西，不要白不要的心理，我希望你不要發郵件給我。終身學習，擁抱變化，大家共同進步！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
