Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   задержка в появлении div (https://javascript.ru/forum/dom-window/12040-zaderzhka-v-poyavlenii-div.html)

xsfd 27.09.2010 20:15

задержка в появлении div
 
Есть код css

Код:


<style type="text/css">
  #layer3 {
    z-index: 2;
    position: absolute;
    right: 15%;
    top: 10%;
    display: none
  }
</style>

Есть код js для появления дива #layer3 через промежуток времени

Код:

<SCRIPT type="text/javascript">
$(document).ready(function() {
setTimeout(function() {
$('#layer3').fadeIn('slow');
}, 1500);
});
</SCRIPT>

Но ничего не работает(( Подскажите пожалуйста что не так((

Суть такова: чтобы первые 5 секунд пользователь видел превый div, а потом вместо первого видел второй.

monolithed 27.09.2010 20:47

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<style type="text/css">
#div1, #div2 {
	background: red;
	width: 50px;
	height: 50px;
}
#div2 {
	background: green;
	display: none;
}
</style>

<script type="text/javascript">
$(function(){
	$('#div1').delay(1500).queue(function(){
		$(this).remove();
		$('#div2').fadeIn(400);
	}); 
});
</script>

<div id="div1"></div>
<div id="div2"></div>

xsfd 27.09.2010 21:44

Большое спасибо!


Часовой пояс GMT +3, время: 13:38.