将鼠标悬停在 html 表格单元格上，并在悬停在其上时使用 javascript 弹出图像，并在光标移开时消失答案

【问题标题】：Hover over an html table cell and have an image pop-up using javascript while hovering over it and disappear when the cursor is moved away将鼠标悬停在 html 表格单元格上，并在悬停在其上时使用 javascript 弹出图像，并在光标移开时消失
【发布时间】：2015-07-22 18:14:45
【问题描述】：

注意：我是堆栈溢出和 Web 开发的新手，Web 东西不是我的一杯茶。

我希望能够将鼠标悬停在 html 表格中的某些单元格上并弹出我存储的图像，但此表格是动态创建的。

这是我已经拥有的函数的 javascript 代码，该函数在悬停时成功更改鼠标指针；我希望能够同时弹出图像和鼠标指针：

var newCell = newRow.insertCell(0);
var newText = document.createTextNode(name);
newCell.onmouseover = function(){hover1(this);}
newCell.appendChild(newText); //Adds to table

//Now to the hover1() function:
function hover1( row ){
row.style.cursor = "crosshair"; //Works as it should
//row.style.backgroundImage = "url('Testpic.jpg')"; <--Not Working
//row.style.color = "red"; //Also works
//Need picture to show up
}

【问题讨论】：

该图像是否与您的 HTML 文件存储在同一文件夹中？
html 代码在同一个文件中，我知道这适用于 php " /> 我在感觉 url() 对于 javascript 是一样的。
你是用 javascript 还是 jquery 修复的，对你来说没问题吗？
我使用了一点 jquery，但我真的希望能够在那个函数中做到这一点，我想因为我可以像想要的那样更改鼠标指针，我可以调出一张这样的照片也是如此，但我有点迷路了。

标签： javascript html hover

【解决方案1】：

一个简单的解决方案是制作隐藏图像。

<img src="file.path" style="visibility:hidden" id="img1">

然后你的函数可以只有一行：

document.getElementById('img1').style.visibility = 'visible';

我希望这对你有用。

【讨论】：

这不是我想要的，但它确实给了我其他想法和备用建议，谢谢。我是新来的，我会支持你的帮助，但我显然需要更多的声誉:(
你能更详细地描述你想要什么吗？
如果我必须改变我的布局，但我真的想知道是否有办法让我在悬停时加载图像，就像我改变鼠标指针一样那个功能。我的桌子上的每个单元格都需要一个特定的图像，所以如果我采用不可见的方式（这很好），似乎我需要加载数百张图像并让它们在页面上不可见，但是我又是新手Web 开发，所以我在这里可能是错的。
你最终会遇到问题。由于您使用的是我猜想在您的计算机上的图像，因此您必须让页面在某个时间点加载图像。您可以使用 Javascript 之类的客户端语言进行一些花哨的编码，该语言可以根据悬停选择哪些文件，但是这样做的代码可能会变得混乱并且难以理解。如果你想走这条路，我祝你好运，但因为你才刚刚开始，我不推荐它。
感谢您的建议，是的，这是我想做的额外事情。我想我会试一试，但对我来说没有必要，所以我想我现在就把它扔到一边。