<script type="text/javascript" src="<%=request.getContextPath() %>/include/prototype.js"></script>
<link rel="stylesheet" type="text/css" href="="<%=request.getContextPath() %>/css/showdiv.css"></link>
showdiv.css内容
@charset "utf-8";
/*foruminfo*/
*+html .navhomemenu { width: 358px; }
#homewindow{ border: 1px solid #B4C9E0; overflow: hidden; background-color: #F5FAFE; padding: 5px; width: 330px!important; width: 350px; text-align: left; }
*+html #homewindow{ width: 340px; }
#homewindow dl{ margin: 0; padding: 0; }
#homewindow dt { clear: both; line-height: 28px; margin: 0 1em; }
#homewindow dd { overflow: hidden; float: left; width: 7em; line-height: 20px; height: 20px; margin: 0em 1em; }
/*foruminfo*/
鼠标放在这个<td>上。显示出数据。 <td id="NavHome${idxStatus.count}" οnmοuseοver="show(NavHome${idxStatus.count},${li.id});" οnmοuseοut="hide();">${li.jadname}</td>
function show(jaddiv,id){
mydiv.style.display="block"
mydiv.style.left=jaddiv.offsetLeft+jaddiv.offsetWidth
mydiv.style.top=jaddiv.offsetTop+jaddiv.offsetHeight
new Ajax.Request(
"${pageContext.request.contextPath}/web/manager/gamepackage/showJad.do",
{
method:"post",
parameters:"id="+id,
onComplete:function(x){
var xmlvalue =x.responseText;
document.getElementById('jadcontent').innerHTML=xmlvalue;
}
}
);
}
function hide(){
mydiv.style.display="none"
}
<div id="mydiv" class="navhomemenu" style="position:absolute;display:none">
<div id="homewindow">
<dl>
<dt>jad文件内容</dt>
<div id="jadcontent"></div>
</dl>
</div>
</div>
<link rel="stylesheet" type="text/css" href="="<%=request.getContextPath() %>/css/showdiv.css"></link>
showdiv.css内容
@charset "utf-8";
/*foruminfo*/
*+html .navhomemenu { width: 358px; }
#homewindow{ border: 1px solid #B4C9E0; overflow: hidden; background-color: #F5FAFE; padding: 5px; width: 330px!important; width: 350px; text-align: left; }
*+html #homewindow{ width: 340px; }
#homewindow dl{ margin: 0; padding: 0; }
#homewindow dt { clear: both; line-height: 28px; margin: 0 1em; }
#homewindow dd { overflow: hidden; float: left; width: 7em; line-height: 20px; height: 20px; margin: 0em 1em; }
/*foruminfo*/
鼠标放在这个<td>上。显示出数据。 <td id="NavHome${idxStatus.count}" οnmοuseοver="show(NavHome${idxStatus.count},${li.id});" οnmοuseοut="hide();">${li.jadname}</td>
function show(jaddiv,id){
mydiv.style.display="block"
mydiv.style.left=jaddiv.offsetLeft+jaddiv.offsetWidth
mydiv.style.top=jaddiv.offsetTop+jaddiv.offsetHeight
new Ajax.Request(
"${pageContext.request.contextPath}/web/manager/gamepackage/showJad.do",
{
method:"post",
parameters:"id="+id,
onComplete:function(x){
var xmlvalue =x.responseText;
document.getElementById('jadcontent').innerHTML=xmlvalue;
}
}
);
}
function hide(){
mydiv.style.display="none"
}
<div id="mydiv" class="navhomemenu" style="position:absolute;display:none">
<div id="homewindow">
<dl>
<dt>jad文件内容</dt>
<div id="jadcontent"></div>
</dl>
</div>
</div>