Подсказки как в яндексе

[Modestes]

Добрый день.

Нужно реализовать подсказки как на яндексе ссылка, слева в блоке "цифровые фотоаппараты" возле полей есть вопросики, кликнув по которым всплывает окно.

Т.е нужна подсказка не привязанная к мышке.

Подскажите пожалуйста где найти такой скрипт?

у меня есть вот такая подсказка

можно ли её отредактировать так чтобы она не привязывалась к мышке и можно было уже в подсказку всунуть например ссылку?

$(document).ready(function() {
  //Подсказки
  $(".tip_trigger").hover(function(){
  tip = $(this).find('.tip');
  tip.show(); //Показываем подсказку
  }, function() {
  tip.hide(); //Скрываем подсказку
  }).mousemove(function(e) {
  var mousex = e.pageX + 20; //Получаем X координату
  var mousey = e.pageY + 20; //Получаем Y координату
  var tipWidth = tip.width(); //Находим ширину подсказки
  var tipHeight = tip.height(); //Находим высоту подсказки

  //Расстояние от элемента до правого края окна просмотра
  var tipVisX = $(window).width() - (mousex + tipWidth);
  //Расстояние от элемента до нижней части окна
  var tipVisY = $(window).height() - (mousey + tipHeight);

  if ( tipVisX < 20 ) { //Если подсказка превышает координату Х области просмотра
  mousex = e.pageX - tipWidth - 20;
  } if ( tipVisY < 20 ) { //Если подсказка превышает координату Y области просмотра
  mousey = e.pageY - tipHeight - 20;
  }
  //Абсолютное положение подсказки в соответствии с положением курсора мыши
  tip.css({ top: mousey, left: mousex });
  });
}); 

Edited April 11, 2012 by Modestes

[Great Rash]

можно ли её отредактировать так чтобы она не привязывалась к мышке

Уберите mousemove.

и можно было уже в подсказку всунуть например ссылку?

отредактируйте элемент с классом .tip

[Modestes]

убрал, исчезает при выходе из зоны тригера. нужно чтобы окно всплывало при нажатии допустим на вопросик и не исчезало, если только по крестику нажать.

Если можно ссылку на пример реализации такой подсказки с пояснениями? чтобы хоть понимать что куда

Edited April 11, 2012 by Modestes

[Great Rash]

У вас же все написано:

$(document).ready(function() {
  //Подсказки
  $(".tip_trigger").hover(function(){
    tip = $(this).find('.tip');
    tip.show(); //Показываем подсказку
  }, function() {
    tip.hide(); //Скрываем подсказку
  });
});

[Modestes]

Возможно вы не так поняли. Для представления перейдите по ссылке в 1 посте.

Объясню на всякий

Допустим есть иконка маленькая знак вопроса, кликаешь по нему и рядом открывается окно диалоговое, в окне описание и все такое, есть кнопка закрыть, как впихнуть в окно содержимое я знаю, а вот как создать этот блочный элемент не знаю.

с js я пока не в ладах

Edited April 11, 2012 by Modestes

[Sensei]

посмотрите вот тут http://jqueryui.com/demos/dialog/#animated может подойдет.