加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-17 07:54:43 所属栏目:百科 来源:网络整理
导读:( 1 )首先写两个 js 函数,获得页面中需要获得点的 x , y 坐标(如果是已经确定该点的位置,则可以不写): function pageX(elem){ return elem.offsetParent?(elem.offsetLeft+PageX(elem.offsetParent)):elem.offsetLeft; } function pageY(elem){ retu

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";

}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读