<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}" onmouseover="show(NavHome${idxStatus.count},${li.id});" onmouseout="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>
分享到:
相关推荐
漂浮鼠标显示div,根据要求显示漂浮中的div层中的内容。
点击页面链接后根据参数调用后台方法,获取数据并显示数据到弹出div上 包含了js调用后台方法,点击链接显示的div定位到链接后面位置
有很多童鞋觉得Ajax难,觉得弹出层难,觉得动态在某个层显示数据难,其实并非是难,而是你没有接触到这些技术,当你真正的使用过之后才发现原来不过尔尔。 好了闲话不多说,为了更好的说明问题,我写了一个简单的...
鼠标移动到div上弹出div或者信息,并且自适应显示位置;每一步代码都有详细的解释;简单,通俗易懂
div浮出 控制层伸缩 div浮出 控制层伸缩 div浮出 控制层伸缩
鼠标移到图片上,显示跟随鼠标移动的大图片
鼠标移到DIV上特效,鼠标移到DIV上特效,鼠标移到DIV上特效
动态生成div框并且同时加载数据,当数据量大的时候大大节省数据回访时间
JS实现各种动态显示隐藏div效果,包括卷动显示隐藏效果,渐变显示隐藏效果,大小缩放显示隐藏效果
使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏的DIV区域内的控件值后台仍可以取得到,当页面刷新时,也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态...
通过JSP将数据库中的数据显示到网页上,数据库为Mysql数据库。
通过JS来控制DIV动态的显示滚动条,其中使用到了jquery技术
本程序在网页中设计了Div层的显示和隐藏,代码简单、实用。
js鼠标浮动显示div,在鼠标移动至input后可显示div层中的内容
当滚动条滑到最低端显示div
纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存
鼠标移上能弹出一个div 的下拉框,可以点击里面的链接,鼠标移开是关闭下拉框
点击按钮(a标签)隐藏显示div内容,切换div内容
网页上div拖拽,弹出div背景变暗 网页上div拖拽,弹出div背景变暗
两个DIV同一行显示。也可以调整样式使其纵向排列。