在鼠標懸停上獲取產品詳細信息

Question

我想將一個功能集成到我的網站中，如果用戶將鼠標懸停在產品名稱上，會出現一個框，其中會顯示該產品的詳細信息。爲此，我最好喜歡使用CSS或Javascript，但我不確定如何去做這件事。任何人都可以爲我提供一些指導嗎？我目前使用jQuery UI具有基本相同的代碼，在這裏看到的購物車代碼：

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

Thnk你非常多的幫助。

Answer 1

如果你想花俏和使用jQuery，這裏是一個list of popup plugins，你可以瀏覽。

如果產品信息不是太複雜，我會建議使用CSS，因爲它更簡單。另外，您可能希望已經加載數據，因此用戶每次將鼠標懸停在產品上時都不必等待服務器往返。 Here是一個簡單的CSS彈出教程。