15 Ağustos 2013

Belirli Bir Süre Sonra Kapanan Div



Belirli bir süre sonra, örneğin 5 saniye sonra kapanan veya gizlenen bir divi jquery kullanarak aşağıdaki kodlar yardımı ile gerçekleştirebilriz.




<style>
header{    
 position: relative; 
    background: yellow;
    
 width: 100%;
    height: 100px;
}


footer {
 position:relative;
    width: 100%;
    background: blue;

    width: 100%;
    height: 100px;
}
</style>

<html>
    <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

      <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
     
   <script type="text/javascript">
       setTimeout(function() { $('#mydiv').hide(); }, 5000); /*1000 milisaniye = 1 saniye*/
   </script> 
    </head>
    <body>

        <header>
            sarı
        </header>
        <div id="mydiv" style="background:red;height:100px;">
         "5sn sonra kapanacak olan div"<br><br>
            biraz sonra gerçek renkleri göreceksiniz :)
        </div>
        <footer>
            lacivert
        </footer>

    </body>
</html>

ihtiyacınıza göre yukarıdaki kodları değiştiriniz. umarım işinize yarar. kolay gelsin.

barisla.com

2 yorum:

Unknown dedi ki...

Allah razı olsun.İş hayatında başarılar.

Barış dedi ki...

Cümlemizden Allah razı olsun Abdullah Bey,
sizede başarılar İnşallah