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

Question

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

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

非常感谢您的帮助。

Answer 1

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

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