微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jQuery下拉菜单的实现代码

normal; word-spacing: 0px; text-transform: none; float: none; color: rgb(51,51,51); font: 13px/20px arial; widows: 1; display: inline !important; letter-spacing: normal; background-color: rgb(255,255,255); text-indent: 0px; -webkit-text-stroke-width: 0px">jQuery是一款流行已久的Javascript框架,确实很好用。今天我给大家介绍jquery下拉菜单的实现代码,具体代码如下所述:

Meta charset="UTF-8"> * { padding: 0; margin: 0; ul { list-style: none; .wrap { width: 730px; height: 50px; margin: 100px auto 0; background-color: lightgray; padding-left: 10px; border-radius: 10px; padding-bottom: 3px; .wrap li { float: left; width: 130px; height: 50px; margin-right: 10px; position: relative; .wrap a { margin-top: 3px; color: gray; text-decoration: none; display: block; width: 130px; height: 50px; text-align: center; line-height: 50px; font-size: 21px; border-radius: 10px; .wrap li ul { position: absolute; display: none; .wrap li ul li { margin-top: 3px; .wrap li ul li a:hover{ color: red;