Всплывающая подсказка
Добрый день.
Вот код подсказки, подскажите что нужно добавить чтобы можно было перенести курсор мышки на саму подсказку. Мне нужно выложить ссылку в подсказке, а она исчезает если попытаться перенести на неё курсор. $(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 }); }); }); |
что, никто не подскажет?
|
в 07 = убери tip.hide();
сделай, в начале кода чтото вроде этого $('.tip').mouseleave(function() { $(this).hide() }) |
нет, это не то.
получилось если навести на элемент она появляется при отводе курсора от элемента остается но если навести на подсказку то исчезает |
подсказка имеет класс tip?
поидее должна исчезать только при отводе курсора mouseout |
Часовой пояс GMT +3, время: 00:22. |