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