介绍 & lt; ! DOCTYPE html>
& lt; html>
& lt; head>
& lt; title> www.jb51.net , jQuery仿京东菜单& lt;/title>
& lt; meta charset=皍tf-8"祝辞
https://www.yisu.com/zixun/& lt; script src=" http://libs.baidu.com/jquery/2.0.0/jquery.min.js ">
<风格type=" text/css ">
* {
填充:0;
保证金:0;
}
李{
list-style:没有;
}
一个{
颜色:# 555;
}
.menu {
宽度:220 px;
边界:2 px固体# 333;
位置:相对;
}
.menu_item {
高度:47 px;
padding-left: 20 px;
行高:47 px;
background - color: # feebf3;
边界底部:1 px固体# f0bfd3;
}
.menu_item.current {
background - color: # fff;
}
.menu_cont {
位置:绝对的;
宽度:500 px;
身高:150 px;
上图:0;
左:220 px;
填充:15 px;
边界:1 px固体# 666;
}> 头
<身体>
<李类=岸巍? 热点要闻
<李类=岸巍? 个性推荐
<李类=岸巍? 北京新闻
<李类=岸巍? 环球视野
小编给大家分享一下jQuery如何实现仿京东防抖动菜单效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
本文实例讲述了jQuery实现仿京东防抖动菜单效果。分享给大家供大家参考,具体如下:
完整代码:
