鼠标悬停时显示图像

Display Image on mouse-on hover

本文关键字：显示图图像显示悬停鼠标更新时间：2023-09-26

我有这个应用程序，我需要有这样的东西，当我们把鼠标放在一个员工的名字，这是一个动作链接，它应该显示员工的形象。我试图这样做使用MVC，但我仍然无法做到这一点。
有谁能帮我一下吗?
谢谢你的帮助。

这是JavaScript的东西，不是ASP。NET MVC之类的东西。您将采用以下两种方法之一:

在加载时将图像放在页面上，但给它一个类或以其他方式将其样式设置为初始隐藏。然后，您只需要为链接的鼠标悬停事件添加一个JS事件处理程序，这将导致图像显示。
同样，您将使用绑定到链接的鼠标悬停事件的JS事件处理程序，但是您将为图像URL发送一个AJAX请求，然后根据响应动态地将图像插入页面。对于这么简单的东西来说，这有点过分了。

对于这个用例来说，

#1确实是最好的方法，网上可能有大约1000万篇关于基于JS事件隐藏和显示内容的文章、博客文章、教程等。用谷歌搜你的心。