Javascript 鼠标悬停在图片上时如何显示自己的文本块

我正在学习html，我希望当我们将鼠标移到图片中时，大象将不再显示。取而代之的是一个大小相同的框（没有边框），框内有一些蓝色背景的文本。 我应该如何更改代码

试试这个：

$（文档）.ready（函数（）{
$（“td”）.mouseenter（函数（）{
$（“img”）.css（{display:“none”}）；
$（“.txt”）.show（）；
$（this.css（{verticalign:“top”，backgroundColor:“blue”}）
}).mouseleave（函数（）{
$（“img”）.css（{display:“block”}）；
$（“.txt”）.hide（）；
$（this.css（{backgroundColor:”“}）
})
})

img{
宽度：200px；
高度：200px；
}
运输署{
宽度：200px；
高度：200px；
}
.txt{
显示：无；
颜色：#fff；
}

这是一些文本

试试这个：

$（文档）.ready（函数（）{
$（“td”）.mouseenter（函数（）{
$（“img”）.css（{display:“none”}）；
$（“.txt”）.show（）；
$（this.css（{verticalign:“top”，backgroundColor:“blue”}）
}).mouseleave（函数（）{
$（“img”）.css（{display:“block”}）；
$（“.txt”）.hide（）；
$（this.css（{backgroundColor:”“}）
})
})

img{
宽度：200px；
高度：200px；
}
运输署{
宽度：200px；
高度：200px；
}
.txt{
显示：无；
颜色：#fff；
}

这是一些文本

那是头猪，不是大象，只是FYI@depperm当前位置不，当我们将鼠标移到猪身上时，大象出现了。我想做一个盒子而不是大象。既然你还在学习，我能给你一些提示吗？不要将表格用于布局。改用div。表仅用于数据表示。第二，不要使用内联javascript，而是习惯于在单个html元素之外编写自己的代码。寻求调试帮助的问题（“为什么此代码不工作？”）必须包括所需的行为、特定的问题或错误，以及在问题本身中重现所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请看：。我并没有说它不容易阅读，我说你需要在问题中添加一个，而不仅仅是一个指向JSFIDLE的链接。这是一头猪，不是一头大象，只是FYI@depperm当前位置不，当我们将鼠标移到猪身上时，大象出现了。我想做一个盒子而不是大象。既然你还在学习，我能给你一些提示吗？不要将表格用于布局。改用div。表仅用于数据表示。第二，不要使用内联javascript，而是习惯于在单个html元素之外编写自己的代码。寻求调试帮助的问题（“为什么此代码不工作？”）必须包括所需的行为、特定的问题或错误，以及在问题本身中重现所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请看：。我没有说这不容易阅读，我说你需要在问题中添加一个，而不仅仅是一个到JSFIDLE的链接。谢谢@ehsan，我还有一些问题。1.如果我不再使用这个表（因此，html代码中不再有

td

之前的

，我应该如何更改上面的javascript代码？2.当我对两张图片使用您的代码时，这种效果对两张图片都有效，我如何在不影响另一张图片的情况下对每张图片使用这种效果？3.在我的html代码中，我应该将上面的javascript代码放在哪里（在正文之前或结尾）？在CSS代码中，您可以为

img

设置参数。因此，如果我在其他地方有其他图片，并且我也使用例如

，那么此图片也具有固定大小（200px*200px）？您可以为此img使用id并使用

$（“#YourId”）

，而不是

$（“img”）

.1）对于所需的元素，必须使用event

mouseenter

和`mouseleave`。例如，如果图像位于

，则必须使用

$（“div”）。mouseenter（function（）

2）必须为每个图像使用不同的ID谢谢@ehsan，我还有一些问题。1.如果我不再使用表（因此，html代码中不再有

td

之前的

，我应该如何更改上面的javascript代码？2.当我对两张图片使用您的代码时，这种效果对两张图片都有效，我如何在不影响另一张图片的情况下对每张图片使用这种效果？3.在我的html代码中，我应该将上面的javascript代码放在哪里（在正文之前或结尾）？在CSS代码中，您可以为

img

设置参数。因此，如果我在其他地方有其他图片，并且我也使用例如

，那么此图片也具有固定大小（200px*200px）？您可以为此img使用id并使用

$（“#YourId”）

，而不是

$（“img”）

.1）对于所需的元素，必须使用event

mouseenter

和'mouseleave'。例如，如果图像位于

中，则必须使用

$（“div”）。mouseenter（function（）

2）必须为每个图像使用不同的ID