html div中加表格,HTML：在表格上叠加div

太过爱你忘了你带给我的痛 2022-10-06 00:47 189阅读 0赞

人

我试图让div重叠在我的桌子上，让用户知道这个td不再有效了。

Overlay Tests

<table> 
 <tbody> 
  <tr> 
   <td><img src="http://www.w3.org/html/logo/downloads/HTML5_Logo_64.png" alt="HTML5_Logo_64.png"></td> 
   <td>Text1</td> 
   <td>Text2</td> 
   <td>Text3</td> 
  </tr> 
  <tr> 
   <td><img src="http://www.w3.org/html/logo/downloads/HTML5_Logo_64.png" alt="HTML5_Logo_64.png"></td> 
   <td>Text1</td> 
   <td>Text2</td> 
   <td>Text3</td> 
  </tr> 
 </tbody> 
</table>

This is the overlay div.

的Javascript

$(document).ready(function() \{

$('.row').mouseover(function() \{

var $divOverlay = $('\#divOverlay');

var bottomWidth = $(this).css('width');

var bottomHeight = $(this).css('height');

var rowPos = $(this).position();

bottomTop = rowPos.top;

bottomLeft = rowPos.left;

$divOverlay.css(\{

position: 'absolute',

top: bottomTop,

right: '0px',

width: '66.7%',

height: bottomHeight

\});

$('\#info').text('Top: ' + bottomTop + ' Left: ' + bottomLeft);

$divOverlay.delay(1000).slideDown('fast');

\});

$('\#divOverlay').mouseleave(function() \{

var $divOverlay = $('\#divOverlay');

$divOverlay.slideUp();

\});

\});

CSS

.cell\{width: 80px; height: 80px; border: 1px solid \#000;\}

.blind\{display: none; background:\#000; height: 80px; width: 320px;\}

.second\{display:none; background: \#00f; height: 80px; width: 320px;\}

\#divOverlay \{ display: none; background-color:Silver; text-align:center; position:absolute; z-index:10000; opacity:0.5; \}

从上面的例子中，我只想删除mouserover效果，这样

divOverlay可以在任何时候超过td。

我试图修改Javascript代码，但我失败了。

发表评论取消回复

表情：

评论列表（有 0 条评论，189人围观）

还没有评论，来说两句吧...

相关阅读

相关 div制作表格，增减表格

div制作表格，增减表格 <!DOCTYPE html> <html> <head> <meta charset="utf-8" />

约定不等于承诺〃/ 2022年12月27日 11:02/ 0 赞/ 186 阅读

相关 html 给表格添加背景,HTML中新建表格怎么加背景

在html中，可以使用background属性设置新建表格中的背景，只需要给表格元素设置“background:属性值”即可。background属性在一个声明中设置所有的背景

迷南。/ 2022年10月11日 15:56/ 0 赞/ 325 阅读

相关 html5 div标签属性,HTML: <div> 标签

HTML: 标签 HTML 标签定义了HTML文档中的通用容器，该容器通常用于对元素进行分组。此标签通常也称为元素。在线示例文档中创建了三个标签：示例

ゞ浴缸里的玫瑰/ 2022年10月06日 06:57/ 0 赞/ 370 阅读

相关 html div中加表格,HTML：在表格上叠加div

人我试图让div重叠在我的桌子上，让用户知道这个td不再有效了。 Overlay Tests <table> <tbody> <tr> <td><im

太过爱你忘了你带给我的痛/ 2022年10月06日 00:47/ 0 赞/ 190 阅读

相关 html语言中移动表格,HTML标签表格滑动

我在http://jsfiddle.net/technotarek/ymxn4/的jsFiddle上做了这个。修订后的JS完整地在下面。请注意，小提琴包括一些新的CSS。我

曾经终败给现在/ 2022年10月05日 15:56/ 0 赞/ 160 阅读

相关 html 在线表格制作,HTML 表格

HTML 表格表格其实就是很多的小单元格，而这些小单元格很有次序的排列着，它们有很多行，很多列。这些由行列组成的布局，就叫表格，表格是 table 标签来定义的。 HTM

左手的ㄟ右手/ 2022年10月05日 10:51/ 0 赞/ 541 阅读

相关 div制作表格

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>

╰半橙微兮°/ 2022年06月10日 13:56/ 0 赞/ 210 阅读

相关 HTML-表格

HTML 链接 HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。实例本例演示如何在

清疚/ 2021年10月15日 20:43/ 0 赞/ 379 阅读

相关表格-图片上传 div 拖动排序

需求:做一个在对一组图片上传后，返回图片信息，并且可以对图片拖动进行排序，编辑图文信息等。 > 一、引入必要文件,Jquery UI Jquery Jquery

我不是女神ヾ/ 2021年09月30日 10:50/ 0 赞/ 240 阅读

相关 HTML--表格

1.表格的标题任务描述本关任务：添加一个表格标题，内容为科目成绩。实现的效果如下： ![在这里插入图片描述][watermark_type_ZmFuZ3

拼搏现实的明天。/ 2021年05月16日 20:37/ 0 赞/ 559 阅读