在鼠标悬停时获取产品详细信息

Question

我想将一个功能集成到我的网站中，如果用户将鼠标悬停在产品名称上，则会出现一个框，其中将显示该产品的详细信息。为此，我最好使用 CSS 或 Javascript，但我不确定我将如何去做。有人可以给我一些指导吗？我目前正在使用 JQuery UI，其代码与此处看到的购物车代码基本相同：

http://jqueryui.com/demos/droppable/#shopping-cart

非常感谢您的帮助。

Answer 1

如果你想花哨并使用jquery，这里有一个list of popup plugins，你可以浏览一下。

如果产品信息不太复杂，我建议使用 CSS，因为它更简单。此外，您可能希望已经加载数据，这样用户就不必在每次将鼠标悬停在产品上时都等待往返您的服务器。 Here 是一个简单的 CSS 弹窗教程。