下拉菜单的源码

来源：互联网发布：淘宝虚拟试衣间编辑：程序博客网时间：2024/04/25 22:33

<html>
<head>
<script language="javascript">
var popup_menu = null;
document.onclick = new Function("showPopupMenu(null)")
function getPos(el,sProp) {
var iPos = 0;
while (el!=null) {
iPos+=el["offset" + sProp];
el = el.offsetParent;
}
return iPos;
}

function showPopupMenu(el, m, cuuid, user) {
if (m) {
m.style.display='';
m.style.pixelLeft = getPos(el,"Left") + el.offsetWidth;
m.style.pixelTop = getPos(el,"Top");
m.innerHTML = "<a href=http://alumni.chinaren.com/online/online_sendmsg.jsp?classuuid=" + cuuid + "&towho=" + user + " class=cla2>发小纸条</a><br>";
m.innerHTML += "<a href=http://alumni.chinaren.com/class/class_personal.jsp?userid=" + user + "&classuuid=" + cuuid + "&quuid=1 class=cla2>个人信息</a>";
}
if ((m!=popup_menu) && (popup_menu)) popup_menu.style.display = 'none';
popup_menu = m;
}

function hidePopupMenu(el, m) {
if (el && m && m.style.display=='') {
if ((document.body.scrollLeft + window.event.x > el.offsetLeft)
    && (document.body.scrollLeft + window.event.x < el.offsetLeft + el.offsetWidth)
    && (document.body.scrollTop + window.event.y > el.offsetTop)
    && (document.body.scrollTop + window.event.y < el.offsetTop + el.offsetHeight)
    || (document.body.scrollLeft + window.event.x > m.offsetLeft)
    && (document.body.scrollLeft + window.event.x < m.offsetLeft + m.offsetWidth)
    && (document.body.scrollTop + window.event.y > m.offsetTop)
    && (document.body.scrollTop + window.event.y < m.offsetTop + m.offsetHeight)) {
} else {
   m.style.display = 'none';
}
}
}

function hideSelf(m) {
if (m.style.display=='') {
if ((document.body.scrollLeft + window.event.x >= m.offsetLeft)
&& (document.body.scrollLeft + window.event.x <= m.offsetLeft + m.offsetWidth)
&& (document.body.scrollTop + window.event.y >= m.offsetTop)
&& (document.body.scrollTop + window.event.y <= m.offsetTop + m.offsetHeight)) {
} else {
m.style.display = 'none';
}
}
}

function dn() {
return;
}

</script>
<style>.popmenu {position: absolute; background-color: #e9ffd8; border: 1 solid #fed070; padding-left: 5; width: 60;}</style>
</head>
<body>
<div id=popMenu class=popmenu style="display:none" onmouseout="hideSelf(this)"></div>

把连接改为图片就行了

显示的那个div样式定义一下，