Уважаемые, замучился маниторить интернет в поисках нужного мануала или функции. Решил написать. Подскажите, как реализовать простую функцию на jQuery. Есть ссылка с классом link
и есть див с классом linc2
. А теперь сама функция: при наведении на ссылку должен появиться див с классом linc2
, после чего на него можно было навести курсор и что-нибудь нажать, но после того, как курсор с него уходит или уходит чтобы он опять пропадал.
Добавить комментарий
|
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>
-
-
1
-
а что непонятного? если
hover
висит не на ссылке, а нa родительском элементе ссылки и блока– Spectre25 авг 2012 в 10:45 -
а что тут, простите, «нефигового»? На любой DOM-элемент же можно повесить событие. Если честно, просто первое, что пришло в голову. Про
.mouseleave()
даже как-то не подумал. 25 авг 2012 в 11:14 -
по-моему это у всех верстальщиков так - сделать костыли с помощью фиксированых размеров элементов, я не говорю, что решение плохое, просто оно мне не нравится– Spectre25 авг 2012 в 11:17