用jQuery实现的一个超级简单的下拉菜单

用jQuery实现的一个超级简单的下拉菜单。

设计素描

初始效应
鼠标悬浮效果
代码
复制代码代码如下所示:






资产净值{
文字装饰:无;
}
导航>
浮点数:左;
文本对齐:中心;
填充物:0 0.5em;
}

导航里ul.sub-menu {
显示:无;
左填充:0!重要;
}

子菜单李{
颜色:白色;
}

子菜单{:悬停
背景颜色:黑色;
}

子菜单:悬停{
颜色:白色;
}

{ UL
列表样式:无;
}





回家

内容

SUB3


编程

内容

SUB3


日本人

内容

SUB3






$(文档)Ready(函数(){)
$('nav李)。Hover(function(){)
$(这)找到('子菜单)。Css(显示器、阻止);
}函数(){()
$(这)找到('子菜单)。Css(显示器,不关);
});
});