jQuery: новый «Всплывающий Div» при наведении курсора мыши на относительное положение «My Div»

#jquery-ui #jquery

#jquery-пользовательский интерфейс #jquery

Вопрос:

Я хочу динамически создавать всплывающий div «наведением курсора мыши», точно так же, как мы получаем в Stackoverflow (при наведении курсора мыши на тег) / Google (при наведении курсора мыши на изображение друга).

Вкратце, я могу получить текст из AJAX, но я не могу придать ему «запоминающийся» вид.

Есть ли какой-нибудь надежный способ сделать это в jQuery?

Комментарии:

1. Что вы пробовали? Какова ваша наценка? Что вы считаете «запоминающимся и крутым»?

Ответ №1:

Я знаю, что это неправильный способ помочь, но я написал для вас некоторый код:

http://jsfiddle.net/w8qan/11/

Это не идеально — я рекомендую прочитать о методах jQuery offset() и position() и различиях между ними.

Если вы хотите, чтобы всплывающие окна были «стильными» — используйте CSS так, как вы хотите, используйте animate() , show(), slideDown() от jQuery и т. Д. Я сосредоточился на отображении вашего описания там, где вы этого хотите.

Комментарии:

1. Пшемек большое спасибо за вашу помощь. Спасибо, что познакомили меня с jsfiddle.net

Ответ №2:

Вы можете использовать этот .animate() метод для создания классных пользовательских анимаций..

Для получения более широко используемых эффектов взгляните на этот список опций jQuery http://api.jquery.com/category/effects /