高分求解
的问题，解决即给分！

stickking 2003-12-08 10:11:40
今天，我在做网页的过程中被一个问题整整烦了一天，其实我估计也不是什么大问题，只是本人水平太菜。问题是这样的：
<div>之中放入一个<table>是不是<div>的边界就变化了，<table>内部的或者<table>的边框就不属于<div>的范围了？我有这个感觉是因为下面一段程序：
<html>
<head><title>test</title></head>
<body>
<script language=javascript>
<!--
function mouse_outlayer(name)
{
document.all('layer1').style.visibility="hidden";
}
function showlayer()
{
document.all('layer1').style.visibility="visible";}
-->
</script>
<a href="www.csdn.net" onmouseover="showlayer()">显示</a>
<div id="layer1" style="position:absolute;width:81px;height:147px;z-index:2;left:20px;top:30px;visibility:hidden" onmouseout="mouse_outlayer('layer1')">
<table><tr><td>first</td></tr>
<tr><td>second</td></tr>
</table>
</div>
</body>
</html>
如果有谁能回答，请不吝赐教！
...全文
75 8 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
lqy661 2003-12-17
  • 打赏
  • 举报
 回复

楼主的意思是不是鼠标移动到层上的时候，层依然要显示？
<html>
<head><title>test</title></head>
<body>
<script language=javascript>
<!--
function mouse_outlayer(name)
{
document.all('layer1').style.visibility="hidden";
}
function showlayer()
{
document.all('layer1').style.visibility="visible";}
-->
</script>
<a href="www.csdn.net" onmouseover="showlayer()">显示</a>
<div id="layer1" style="position:absolute;width:81px;height:147px;z-index:2;left:20px;top:30px;visibility:hidden" onmouseout="mouse_outlayer('layer1')" onmouseover="showlayer()">
<table><tr><td>first</td></tr>
<tr><td>second</td></tr>
</table>
</div>
</body>
</html>

fxw 2003-12-09
  • 打赏
  • 举报
 回复

在IE中


以下代码可以看出问题，（你在div区域内四处移动鼠标，弹出窗口用回车确定）
div的区域始终是它的区域，
问题出在onmouseout本身，要怪就怪javascript


<html>
<head><title>test</title></head>
<body bgcolor=#DDDDDD>

<div style="background-color:#AAAAAA;width:247px;height:147px;" onmouseout="alert(window.event.toElement.tagName)">
<table cellspacing=5 border=5 bgcolor="#666666">
<tr bgcolor="#FFFFFF"><td>first</td><td>first 2</td></tr>
<tr bgcolor="#FFFFFF"><td>second</td><td>second 2</td></tr>
</table>
</div>

</body>
</html>



解决办法


<html>
<head><title>test</title></head>
<body bgcolor=#DDDDDD>

<div style="background-color:#AAAAAA;width:247px;height:147px;"
onmouseout="if (event.toElement.tagName.toUpperCase() == 'BODY') alert('OK!')"
>
<table cellspacing=5 border=5 bgcolor="#666666">
<tr bgcolor="#FFFFFF"><td>first</td><td>first 2</td></tr>
<tr bgcolor="#FFFFFF"><td>second</td><td>second 2</td></tr>
</table>
</div>

</body>
</html>
色老虫 2003-12-09
  • 打赏
  • 举报
 回复
楼主您说的没错，您这种写法的却是您认为的那样，您可以把DIV中TABLE拉的很大很长试试，是不是DIV的边界也被同样拉大拉长了呢，回答是肯定的，这样事件的整个范围都变了。

第二个问题，在我这里没有发生，只有鼠标移动到DIV范围内才会激发MOUSEOUT
bzscs 2003-12-09
  • 打赏
  • 举报
 回复
楼主的意思是不是鼠标移动到层上的时候，层依然要显示？
<html>
<head><title>test</title></head>
<body>
<script language=javascript>
<!--
function mouse_outlayer(name)
{
document.all('layer1').style.visibility="hidden";
}
function showlayer()
{
document.all('layer1').style.visibility="visible";}
-->
</script>
<a href="www.csdn.net" onmouseover="showlayer()">显示</a>
<div id="layer1" style="position:absolute;width:81px;height:147px;z-index:2;left:20px;top:30px;visibility:hidden" onmouseout="mouse_outlayer('layer1')" onmouseover="showlayer()">
<table><tr><td>first</td></tr>
<tr><td>second</td></tr>
</table>
</div>
</body>
</html>
zhfkiller 2003-12-09
  • 打赏
  • 举报
 回复
<script>
function mouse_outlayer(name){
if(window.event.toElement.tagName == "BODY")
document.all('layer1').style.visibility="hidden";
}
function showlayer(){
document.all('layer1').style.visibility="visible";
}
</script>
<a href="www.csdn.net" onmouseover="showlayer()">显示</a>
<div id="layer1" style="position:absolute;width:81px;height:147px;z-index:2;left:20px;top:30px;visibility:hidden" onmouseout="mouse_outlayer('layer1')">
<table>
<tr><td>first</td></tr>
<tr><td>second</td></tr>
</table>
</div>

刚刚多了一句
zhfkiller 2003-12-09
  • 打赏
  • 举报
 回复
<script>
function mouse_outlayer(name){
window.status = window.event.toElement.tagName;
if(window.event.toElement.tagName == "BODY")
document.all('layer1').style.visibility="hidden";
}
function showlayer(){
document.all('layer1').style.visibility="visible";
}
</script>
<a href="www.csdn.net" onmouseover="showlayer()">显示</a>
<div id="layer1" style="position:absolute;width:81px;height:147px;z-index:2;left:20px;top:30px;visibility:hidden" onmouseout="mouse_outlayer('layer1')">
<table>
<tr><td>first</td></tr>
<tr><td>second</td></tr>
</table>
</div>
zhongmao 2003-12-08
  • 打赏
  • 举报
 回复
<div>的边界没有变化
你可以用onclick事件来测试一下

onmouseout Event

Fires when the user moves the mouse pointer outside the boundaries of the object.

example;


<SCRIPT>
function flipImage(url)
{
if (window.event.srcElement.tagName == "IMG" )
{
window.event.srcElement.src = url;
}
}
</SCRIPT>
</HEAD>
<BODY>
<P>Move the mouse over the image to see it switch.<P>
<IMG SRC="/workshop/graphics/prop_ro.gif"
onmouseover="flipImage('http://www.163.com/logo.gif');"
onmouseout="flipImage('http://expert.csdn.net/expert/images/rank/user1.gif');"
</BODY>

stickking 2003-12-08
  • 打赏
  • 举报
 回复
为什么鼠标位于<div>上还是引发了mouseout事件？
压缩感知ISAR成像的全变差优化最小算法
在频率步进连续波ISAR 系统回波观测模型基础</div> <div> 上，结合压缩感知原理，给出了一种基于全变差正则化的ISAR 压缩感知成像模型，通过将该优化</div> <div> 模型转化为一系列简单代理函数进行求解，提出了一种...
遵义专版2019中考数学高分一轮复习第一部分教材同步复习第一章数与式课时2整式含因式分解真题在线
在中考数学复习中，尤其是高分一轮复习阶段，掌握数与式的基本概念和运算规则至关重要。这涉及到代数式求值、整式的相关概念、整式的运算以及因式分解等核心知识点。 首先，代数式求值是基础，例如题中给出的命题点...
linux socket发送大量数据错乱,高分求解linux socket通信 UDP丢包问题
有没有成熟的解决方案来解决这个问题.我用过sleep(1),暂时解决这个问题,但是这不是根本解决办法,如果数据量大而多,网络情况不太好的话,还是有可能丢失.希望大俠帮帮忙啊!|有两种方法解决楼主的问题：方法一：重新...
wps 模拟分析 规划求解_【网友来稿】利用Excel求解线性规划问题
<img src="https://i-blog.csdnimg.cn/blog_migrate/5a697a380be6c678bbf6c46873afc1cf.gif" alt="5fc7a3f90347627b20e40af9fddd0577.gif" /><p><strong>点击上方“运筹学小将”，和小将一起学习运筹学把</strong></...
envi反演水质参数_2019.12——利用高分五号（GF-5）反演气溶胶光学厚度（AOD）调研...
DPC数据反演AOD以及COD调研GF-5主要参数参考高分官网相关资料：...这里的高分专项是指高分辨率对地观测系统，是国务院发布的《国家中长期科学和技术发展规划纲要（2006—2020年）》中确定的16个重大专项之一...
CSS

61,129

社区成员

60,711

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章