(1)首先写两个js函数,获得页面中需要获得点的x,y坐标(如果是已经确定该点的位置,则可以不写):
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";
}
原文链接:https://www.f2er.com/vb/257947.html