Помогите настроить jquery fadein
3 сообщения
#15 лет назад
Ковыряю сейчас скрипт, Нужно чтобы при нажатии на ссылку появлялась подсказка, а потом сама исчезала когда убираешь курсор из всплывающего дива.
Вроде бы сделал, но див с подсказкой исчезает даже если навести курсор на объект находящийся внутри своего тега (в данном случае <span>
Помогите кто-нибудь, как исправить (
<html><head>
<script src="http://code.jquery.com/jquery-latest.pack.js"; type="text/javascript" ></script>
<style>
.box {width:10%; height:10%; display:none; z-index:998; background:#cecece;}
#open_info {cursor:pointer}
</style>
</head><body>
<a id="open_info">text text</a>
<div id="info" class="box">
text text text text text text
text text text text text text
<br><br>
<span>a tut propadaet</span>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('#open_info').bind('click',function(){
$('#info').fadeIn(1)
});
$('#info').mouseout(function(){
$('#info').fadeOut(1)
});
});
</script>
</body></html>
3 сообщения
#15 лет назад
<script type="text/javascript">
$(document).ready(function(){
$('#open_info').bind('click',function(){
$('#info').fadeIn(1)
});
$("#info").hover(
function () {
$(this).append();
},
function () {
$(this).mouseout("#info").remove();
}
);
});
</script>
Наколбасил такую хрень, видимо там все криво, работает один раз, потом ошибка.
530 сообщений
#15 лет назад
$('#info').hover (
function () {
},
function () {
$(this).fadeOut();
}
); Но есть проблемка, если не навел на див то он не исчезнет, думаю как убрать его если кликнул по ссылке но решил что тебе она не нужна
И высоту блоку уберите
3 сообщения
#15 лет назад
Спасибо, очень помог, это то что мне нужно
530 сообщений
#15 лет назад
Вот если бы себе мог объяснить как это то без проблем бы реализовал)
33 сообщения
#15 лет назад
Цитата ("zombieman"):если не навел на див то он не исчезнет
А тебе что надо, выбирай
- После наведения
- После загрузки
- После клика по другому элементу
