javascript - 鼠标悬停时在固定位置显示图像

Question

我正在显示搜索结果，当我将鼠标悬停在某个项目上时，我想在网站的右上角显示图像。 This is what I'm currently doing :

$name = '<a>' . $row['name'] . '<div><img src="' . 'http://gatherer.wizards.com/Handlers/Image.ashx?multiverseid=' . $row['multiverseid'] . '&type=card" /></div></a>';

这会导致网站速度变慢，因为所有图像都正在加载。我只想在鼠标悬停时加载图像 like here .

Answer 1

当您想要显示它时，您可以使用 Javascript 在 onmouseover 事件上创建每个特定元素。这只会在创建元素时加载图像。您可以选择稍后删除或隐藏它，并在需要时再次加载。您可以找到有关此事件以及如何使用它的更多信息 here .