2016-07-17 1 views
1

Нажмите на текст ниже, чтобы просмотреть шаблон сайтанужна помощь для HTML пирог как подсказка

In this website when you hover on any product it shows the product description exactly on the product with images and texts. Can someone help me how can I achieve this with bootstrap tooltip or any other easy way or in other words I have created the same popped up div with same style how to show it on product when I hover over it with help of Jquery or javascript.

+0

Можете ли вы опубликовать то, что вы пробовали до сих пор..код? –

+0

Вы имеете в виду использование атрибута 'title'? – guest271314

+0

no not title, но хотите что-то вроде, когда я наводил на конкретный продукт div с дисплеем: ни один не должен точно отображаться на этом конкретном продукте –

ответ

1

Вы получаете парил положение объекта, а затем вы просто переместить всплывающее окно в течение этого наведен объекта, достаточно просто?

$('item').hover(function(){ 
    $('popup').fadeIn(); 
    $('popup').offset({top: ..., left:...}) 
}) 

Нечто подобное.

+0

получил эту идею. Скажу вам результаты после попытки завтра, спасибо в любом случае. –

Смежные вопросы