Turkcell | Geleceği Yazanlar

Web Programlama

Web Programlama

DERS PROGRAMI
302: JQuery Ders Programı

jQuery slideDown() Metodu

Lisans: Creative Commos (by-nc-sa)12.09.2019 tarihinde güncellendi
Bakabileceğiniz Etiketler:Eğitmen: Geleceği Yazanlar Ekibi

Bir elemanı aşağıya doğru kaydırmak için kullanılır.

Yazılış biçimi:

$(seçici).slideDown(hız,geriçağırma);

Kullanımı isteğe bağlı olan hız parametresi, gizleme/görüntüleme hızını belirler ve birimi "slow" (yavaş), "fast"(hızlı) ya da milisaniye türündedir. Kullanımı yine isteğe bağlı olan "geriçağır" parametresiyse, kaydırma olayı tamamlandığı zaman çalıştırılacak bir fonksiyondur.

slideDown() örnek HTML5 kodunu aşağıda inceleyebilirsiniz:

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                              $("#flip").click(function(){
                                               $("#panel").slideDown("slow");
                                               });
                              });
            </script>
        
        <style>
            #panel,#flip
            {
                padding:7px;
                text-align:center;
                background-color:#e5eefc;
                border:solid 2px #c3c4c3;
            }
        #panel
        {
            padding:50px;
            display:none;
        }
        </style>
    </head>
    <body>
        
        <div id="flip">PANELI INDIRMEK ICIN TIKLA</div>
        <div id="panel">Geleceği Yazıyorum</div>
        
    </body>
</html>

Farenizle ilgili yere tıkladığınızda aşağı doğru kayarak açılan paneli göreceksiniz.