下拉菜单的源码
<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>
<a href="javascript:dn()" onmouseover="showPopupMenu(this, popMenu, '2815032345897566157', 'conan520')" onmouseout="hidePopupMenu(this, popMenu)" class=cla2>侯菲</a>
<a href="javascript:dn()" onmouseover="showPopupMenu(this, popMenu, '2815032345897566157', 'conan520')" onmouseout="hidePopupMenu(this, popMenu)" class=cla2>侯菲</a>
<a href="javascript:dn()" onmouseover="showPopupMenu(this, popMenu, '2815032345897566157', 'conan520')" onmouseout="hidePopupMenu(this, popMenu)" class=cla2>侯菲</a>
<a href="javascript:dn()" onmouseover="showPopupMenu(this, popMenu, '2815032345897566157', 'conan520')" onmouseout="hidePopupMenu(this, popMenu)" class=cla2>侯菲</a>
<a href="javascript:dn()" onmouseover="showPopupMenu(this, popMenu, '2815032345897566157', 'conan520')" onmouseout="hidePopupMenu(this, popMenu)" class=cla2>侯菲</a>
<a href="javascript:dn()" onmouseover="showPopupMenu(this, popMenu, '2815032345897566157', 'conan520')" onmouseout="hidePopupMenu(this, popMenu)" class=cla2>侯菲</a>
<a href="javascript:dn()" onmouseover="showPopupMenu(this, popMenu, '2815032345897566157', 'conan520')" onmouseout="hidePopupMenu(this, popMenu)" class=cla2>侯菲</a>
<a href="javascript:dn()" onmouseover="showPopupMenu(this, popMenu, '2815032345897566157', 'conan520')" onmouseout="hidePopupMenu(this, popMenu)" class=cla2>侯菲</a>
</body>
</html>
把连接改为图片就行了
显示的那个div样式定义一下，