做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进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
