마우스 오버시 제품 세부 정보 가져 오기

Question

기능을 내 웹 사이트에 통합하여 사용자가 제품 이름에 마우스를 올려 놓으면이 제품의 세부 정보를 표시하는 상자가 나타납니다. 이를 위해 나는 CSS 나 Javascript 중 하나를 사용하는 것이 좋겠지 만, 어떻게 이런 일을 할 것인지 잘 모르겠습니다. 누구든지 나에게 약간의 안내를 제공 할 수 있습니까? 나는 현재 여기에 볼 수있는 쇼핑 카트 코드와 본질적으로 같은 코드로 JQuery와 UI를 사용하고 있습니다 :

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

는 당신에게 도움을 아주 많이 Thnk.

Answer 1

jquery를 멋지게 사용하려면 여기 list of popup plugins을 찾아 볼 수 있습니다.

제품 정보가 너무 복잡하지 않다면 CSS를 사용하는 것이 더 간단 할 것입니다. 또한 사용자가 제품에 마우스를 올릴 때마다 서버로의 왕복을 기다릴 필요가 없도록 데이터가 이미로드되어 있어야합니다. Here은 간단한 CSS 팝업 설명서입니다.