vb.net制作简单的下拉菜单:

前端之家收集整理的这篇文章主要介绍了vb.net制作简单的下拉菜单:前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1)首先写两个js函数,获得页面中需要获得点的xy坐标(如果是已经确定该点的位置,则可以不写):

functionpageX(elem){

returnelem.offsetParent?(elem.offsetLeft+PageX(elem.offsetParent)):elem.offsetLeft;

}

functionpageY(elem){

returnelem.offsetParent?(elem.offsetTop+PageY(elem.offsetParent)):elem.offsetTop;

}

2)提前写好要点击下拉按钮要显示div

<divclass="showSMenu"id="showSMenu_1">

ul="showSMenu_1_1">

li><ahref="../admin/juanZeng/xinXiShenHe.aspx"target="right">未审核信息</a></>

"../admin/juanZeng/tongGuoList.aspx"="right">审核通过的信息"../admin/juanZeng/weiTongGuoList.aspx"="right">未通过的信息uldiv>

3)找好下来菜单的小图片,在图片上写好onClick事件(并且先设定其中一个不显示):

img="img1"onclick="move(1)"alt=""src"../images/bullet_arrow_top.png"/>

="img2"style="display:none;"="out(1)""../images/bullet_arrow_bottom.png"

4

functionmove(num){

document.getElementById("img1").style.display="none";

document.getElementById("img2").style.display="inline";

//alert("aaaaa");

varsm=document.getElementById('showSMenu_'+num);

sm.style.display="block";

//下面一段是将div在根据传入的参数在特定位置显示,某些情况下可以不写

vara=document.getElementById('a');

varx=pageX(a);

vary=pageY(a);

//sm.style.left=x+num*300;

sm.style.left=100;

sm.style.top=y;

}

functionout(num){

document.getElementById("inline";

document.getElementById("none";

"none";

}

猜你在找的VB相关文章