在一个table中,当鼠标放在某个单元格上(onmouseover事件),希望在该单元格下面浮动一个窗口( 比如DIV)。请问这个效果怎么做?
而且鼠标能滑动到该浮动窗口,并可以click浮动窗口上的超链接。当鼠标移开的时候,浮动窗口消失。
HTML浮动窗口
答案:3 悬赏:0 手机版
解决时间 2021-01-23 09:01
- 提问者网友:放下
- 2021-01-23 02:23
最佳答案
- 五星知识达人网友:爱难随人意
- 2021-01-23 03:23
<html>
<head>
<script language="Javascript">
function hovercell() {
var objDiv = document.getElementById("float-div");
objDiv.style.display = "block";
}
function hiddenDiv() {
var objDiv = document.getElementById("float-div");
objDiv.style.display = "none";
}
</script>
</head>
<body >
<table>
<tr>
<td >
<div onmouseover="hovercell()" >鼠标放在这里</div>
</td>
</tr>
</table>
<div style='position:absolute;top:40;left:10; display:none;
width:300px;height:180px;border:1px double #AAA' id='float-div' onmouseout="hiddenDiv()" onmouseover="hovercell()">
This is a float div.
</div>
</body>
</html>
<head>
<script language="Javascript">
function hovercell() {
var objDiv = document.getElementById("float-div");
objDiv.style.display = "block";
}
function hiddenDiv() {
var objDiv = document.getElementById("float-div");
objDiv.style.display = "none";
}
</script>
</head>
<body >
<table>
<tr>
<td >
<div onmouseover="hovercell()" >鼠标放在这里</div>
</td>
</tr>
</table>
<div style='position:absolute;top:40;left:10; display:none;
width:300px;height:180px;border:1px double #AAA' id='float-div' onmouseout="hiddenDiv()" onmouseover="hovercell()">
This is a float div.
</div>
</body>
</html>
全部回答
- 1楼网友:爱难随人意
- 2021-01-23 05:57
非法广告法规
- 2楼网友:执傲
- 2021-01-23 04:41
<a href="http://wenwen.soso.com/z/urlalertpage.e?sp=shttp%3a%2f%2fwww.zzsky.cn%2feffect%2fcontent%2f1564.htm" target="_blank">http://www.zzsky.cn/effect/content/1564.htm</a>随便找了一个,要不你就google一下漂浮窗口就出来了
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯