html js点击下拉菜单代码,JavaScript下拉菜单功能实例代码

本文给大家分享一段实例代码关于js实现下拉菜单功能，具体代码如下所示：

下拉菜单

body,

ul,

li {

margin: 0;

padding: 0;

font-size: 13px;

}

ul,

li {

list-style: none;

}

#divselect {

width: 186px;

margin: 80px auto;

position: relative;

z-index: 10000;

}

#divselect cite {

width: 150px;

height: 24px;

line-height: 24px;

display: block;

color: #807a62;

cursor: pointer;

font-style: normal;

padding-left: 4px;

padding-right: 30px;

border: 1px solid #333333;

/*background: url(xjt.png) no-repeat right center;*/

}

cite:before {

content: '';

position: absolute;

right: 7px;

bottom: 7px;

width: 0;

height: 0;

border-width: 4px;

border-style: solid;

border-color: #888 transparent transparent transparent;

transition: all 0.2s;

-webkit-transition: all 0.2s;

-moz-transition: all 0.2s;

-o-transition: all 0.2s;

-ms-transition: all 0.2s;

transform-origin: 50% 25%;

-ms-transform-origin: 50% 25%;

-moz-transform-origin: 50% 25%;

-webkit-transform-origin: 50% 25%;

-o-transform-origin: 50% 25%;

}

.extended cite:before {