html点击弹出下拉框,asp.net html 单击按钮弹出下拉框效果

li{list-style-type:none;height:32px;line-height:32px;vertical-align:middle;

}

$(function() {varoRegionAddXM=document.getElementById("divDK");varoDivListAddXM=document.getElementById("divAddXM");varcolOptionsAddXM=document.getElementsByClassName("li2");varbNoAdjustedXM= true;

oRegionAddXM.οnclick= function() {

oDivListAddXM.style.display= "block";//设置下列选择项的一些事件

for(vari= 0; i

colOptionsAddXM[i].style.cursor= "hand";

colOptionsAddXM[i].οnmοuseοver= function()//为列表项添加鼠标移动事件

{this.style.backgroundColor= "#ffff00";this.style.cursor= "pointer";

};

colOptionsAddXM[i].οnmοuseοut= function()//为列表项添加鼠标移走事件

{this.style.backgroundColor= ""; };

}if(bNoAdjustedXM) {

bNoAdjustedXM= false;//设置下拉列表的宽度和位置

varX=$('#divDK').offset().top;varY=$('#divDK').offset().left;varwide= this.offsetWidth+ 60;//oDivListAddXM.style.width = wide;

$('#divAddXM').width(wide);

$('#divAddXM').css({'left': Y,'top': X+ 32});

}

}

oDivListAddXM.οnmοuseleave= function() {

oDivListAddXM.style.display= "none";

};

});functionAddWG() {

alert('菜单1');

}functionAddWJ() {

alert('菜单2');

}functionAddPL() {

alert('菜单3');

}functionAddGS() {

alert('菜单4');

}functionAddGX() {

alert('菜单5');

}

打开