Div да се отваря след 5 секунди.

[Genius_m]

Здравейте! Искам да попитам как да направя след 5 сек. да се отваря даден див. Смисъл той има стойност "display: none;" как след 5 секунди да се махне и съдържанието да се покаже..?

 

[vik96]

[js]setTimeout(function() { document.getElementById("elementId").style.visible = 'block'; } ,5000);
[/js]

 

[IzKuFeLiQqQqQ]

с jQuery ще стане така

[js]$(function() {
$('thediv').delay(5000).fadeIn();
});[/js]

 

[Genius_m]

Не се получи и със двата кода...

 

[Vladkata]

<html> 
<head> 
<title>jQuery DIV fading</title> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<style type="text/css"> 
#fade{
     display: none;
}
</style>
<script type="text/javascript"> 
     setTimeout(function(){$('#fade').fadeIn(3000);}, 5000);
</script>
</head> 

<body> 
     <div id="fade">
           <b>Този <font color="gray">div</font> ще се появи с ефект <font color="gray">.fadeIn</font> след 5 секунди.</b>
     </div>
</body> 

</html>

Това е целият документ. При него <div> с #id, с име fade, се показва след 5 секунди.

Ето демо, при което се появява <div> след 3 секунди, със същия ефект.

Надявам се да съм помогнал. Успех!

 

[Fakeheal]

@vik96 - Неговия пример не работи тъй като сетва visibility, а не display.
Ето работещо демо на неговия вариант http://jsfiddle.net/FakeHeal/FeFMw/

@IzKuFeLiQqQqQ - Единственото, за което се сещам, че не е станало е, че в примера си не е сложил индетификатора дали е ID или Class. Това може да те е объркало като си пробвал jQuery варианта.
Eто работещо демо и на неговия вариант http://jsfiddle.net/FakeHeal/qVnFX/

Cheers,
Ив'

 

[IzKuFeLiQqQqQ]

ем Ив(fakeheal) мислех че човека ще се сети... той може и да не е добавил jQuery библиотеката...

 

[Fakeheal]

ем Ив(fakeheal) мислех че човека ще се сети... той може и да не е добавил jQuery библиотеката...

То може и това да не е грешката, а както каза да не е include-нал jQuery library. Исках просто да обясня, че всичко е ОК с всички примери.