本文主要介绍了js实现下拉菜单效果的实例，具有很好的参考价值，下面跟着小编一起来看下吧 效果图： 代码如下： *{ margin: 0; padding: 0; } body { width: 460px; margin: 0 auto; font-family: "微软雅黑"; } .search{ height: 23px; line-height: 23px; border-bottom: 1px solid #d4d4d4; font-weight: 600; } .search img{ float: left; display: inline-block; margin-top: 5px; } .search span{ float: left; font-size: 14px; margin-left: 4px; } .content1{ height: 254px; width: 100%; background: #f5f5f5; border-top: 1px solid #eaeaea; padding-top: 10px; } .content1 .content1_p{ width: 90%; height: 43px; margin: 5px auto; } .left{ width: 30%; height: 43px; border: 1px solid #eaeaea; font-size: 14px; text-align: center; line-height: 43px; float: left; } .right{ width: 68%; height:43px; border: 1px solid #eaeaea; font-size: 14px; text-align: center; line-height: 43px; float: left; background: #fff; margin-left: 3px; } .right .right_select{ display: inline-block; width: 90%; height: 20px; border: none; border: 1px solid #a4bed4; text-align: center; direction: center; } .right_select option{ text-align: center; } .hecha{ text-align: center; margin-top: 15px; } .jdcxx{ height: 146px; font-size: 14px; background: #ebebeb; background-size:cover; padding-top: 20px; } .jdcxx p,.jdcsyrxx p{ margin-left: 20px; font-weight: 600; line-height: 33.6px; font-size: 14px; } .jdcxx .xx,.jdcsyrxx .xx{ font-weight: 100; } .jdcsyrxx{ margin-top: 20px; padding-top: 20px; height: 146px; font-size: 20px; background:#ebebeb; background-size:cover; } .hcr,.hcsj{ height: 30px; font-size: 14px; line-height: 30px; border-bottom: 1px solid #d4d4d4; } .hcr_left{ display: block; float: left; height: 28px; width: 2px; margin-top: 1px; background: #226ed2; } .zc{ width: 100px; display: block; float: left; text-align: right; margin-left: 10px; margin-right: 10px; } .xm,.sj{ font-weight: 600; } .xiala_p{ top: 33px; display: none; z-index: 600; border: 1px solid #A4BED4; width: 253px; left: 13px; } .xiala_input{ line-height: 21px; width: 253px; border: none; outline: none; margin: 0; text-align: center; cursor: default; background: #fff; color: #000; } .xiala_input:hover{ background: #a4bed4; } 查询 号牌种类: 车牌号码: var xialakuang = $(".xialaan"); var right_select = $(".right_select"); var xiala_p = $(".xiala_p") for( var i=0;i 登录后复制更多js下拉菜单效果相关文章请关注PHP中文网！
查询
