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

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>
如果有谁能回答，请不吝赐教！
...全文
76 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> 标是不适定问题，且观测噪声也会影响重建结果。在频率步进连续波ISAR 系统回波观测模型基础div> <div> 上，结合压缩感知原理，给出了一种基于全变差正则化的ISAR 压缩感知成像模型，通过将该优化div> <div> 模型转化为一系列简单代理函数进行求解，提出了一种快速优化最小算法。最后在不同回波信噪div> <div> 比条件下进行仿真验证。实验结果表明，当回波信噪比大于10 dB 时，本文方法明显优于距离–多div> <div> 普勒算法和基于L 1 范数的压缩感知成像方法。div>
遵义专版2019中考数学高分一轮复习第一部分教材同步复习第一章数与式课时2整式含因式分解真题在线
遵义专版2019中考数学高分一轮复习第一部分教材同步复习第一章数与式课时2整式含因式分解真题在线
linux socket发送大量数据错乱,高分求解linux socket通信 UDP丢包问题
最近在做一个项目,在这之前,做了个验证程序.发现客户端连续发来1000个1024字节的包,服务器端出现了丢包现象.纠其原因,是服务端在还未完全处理掉数据,客户端已经数据发送完毕且关闭了.有没有成熟的解决方案来解决这个问题.我用过sleep(1),暂时解决这个问题,但是这不是根本解决办法,如果数据量大而多,网络情况不太好的话,还是有可能丢失.希望大俠帮帮忙啊!|有两种方法解决楼主的问题：方法一：重新...
wps 模拟分析 规划求解_【网友来稿】利用Excel求解线性规划问题
点击上方“运筹学小将”，和小将一起学习运筹学把提问Qustions解答Answers01网友分享历年真题到公众号后台有现金收入吗？没有。02分享历年真题到公众号后台的好处有哪些？首先，分享本身就是一种助人为乐的行为；其次，获得与大家共同探讨和交换参考答案的机会。03公众号后台如何处理获得的历年真题？及时将历年真题和参考答案共享到公众号。运筹帷幄之中，决胜千里之外。题目来源题目参考答...
envi反演水质参数_2019.12——利用高分五号（GF-5）反演气溶胶光学厚度（AOD）调研...
DPC数据反演AOD以及COD调研GF-5主要参数参考高分官网相关资料：http://gaofenplatform.com/channels/49.html高分五号卫星是世界首颗实现对大气和陆地综合观测的全谱段高光谱卫星，也是中国高分专项中一颗重要的科研卫星；这里的高分专项是指高分辨率对地观测系统，是国务院发布的《国家中长期科学和技术发展规划纲要（2006—2020年）》中确定的16个重大专项之一...
CSS

61,129

社区成员

60,711

社区内容

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

加载中

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

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

+ 用AI写文章