|
Сообщение от Neznayka
|
|
Попробуйте нажать сначала на кнопку, когда появится див - по самому диву (он исчезнет) и тут-же опять по кнопке... В этом случае див появится, но уже не будет висеть 2000, а буквально тут же начнет исчезать.
|
А так?
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
div{
display:none;
position:absolute;
top:50px;
left:10px;
width:200px;
height:200px;
background:#ccf;
opacity:0;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$('button').click(function(){
$("div").css({display:'block', opacity:'0'}).animate({opacity:'1'}, 1000).delay(2000).animate(
{opacity:'0'}, 1000,
function(){
$(this).css({display:'none'});
});
})
$('div').click(function(){
$(this).clearQueue().css({display:'none', opacity:'0'});
});
});
</script>
</head>
<body>
<html>
<body>
<div></div>
<button>Показать</button>
</body>
</html>