用jQuery实现的一个超级简单的下拉菜单
用jQuery实现的一个超级简单的下拉菜单。设计素描
初始效应
鼠标悬浮效果
代码
复制代码代码如下所示:
资产净值{
文字装饰:无;
}
导航>
浮点数:左;
文本对齐:中心;
填充物:0 0.5em;
}
导航里ul.sub-menu {
显示:无;
左填充:0!重要;
}
子菜单李{
颜色:白色;
}
子菜单{:悬停
背景颜色:黑色;
}
子菜单:悬停{
颜色:白色;
}
{ UL
列表样式:无;
}
回家
内容
子
SUB3
编程
内容
子
SUB3
日本人
内容
子
SUB3
$(文档)Ready(函数(){)
$('nav李)。Hover(function(){)
$(这)找到('子菜单)。Css(显示器、阻止);
}函数(){()
$(这)找到('子菜单)。Css(显示器,不关);
});
});