0

Уважаемые, замучился маниторить интернет в поисках нужного мануала или функции. Решил написать. Подскажите, как реализовать простую функцию на jQuery. Есть ссылка с классом link и есть див с классом linc2. А теперь сама функция: при наведении на ссылку должен появиться див с классом linc2, после чего на него можно было навести курсор и что-нибудь нажать, но после того, как курсор с него уходит или уходит чтобы он опять пропадал.

2 ответа 2

2
<div id="place" style="width:300px; height:200px;">
 <div class="link" style="width:300px; height:100px;">Link</div>
 <div class="linc2" style="width:300px; height:100px;background-color:green;display:none">Tooltip</div>
</div>
<script>
 $(function(){
  $('#place').hover(function(){
    $('.linc2').show();
   },
   function(){
    $('.linc2').hide();
   });
 });
</script>

Демо

8
  • нефиговая имитация
    – Spectre
    25 авг 2012 в 10:04
  • 1
    В смысле, @Spectre ? 25 авг 2012 в 10:16
  • а что непонятного? если hover висит не на ссылке, а нa родительском элементе ссылки и блока
    – Spectre
    25 авг 2012 в 10:45
  • а что тут, простите, «нефигового»? На любой DOM-элемент же можно повесить событие. Если честно, просто первое, что пришло в голову. Про .mouseleave() даже как-то не подумал. 25 авг 2012 в 11:14
  • по-моему это у всех верстальщиков так - сделать костыли с помощью фиксированых размеров элементов, я не говорю, что решение плохое, просто оно мне не нравится
    – Spectre
    25 авг 2012 в 11:17
0

Посмотрите сюда

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.