masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

animasi menegak jQuery

Animasi menegak

  • slideDown(kelajuan, panggil balik)

Tukar mengikut ketinggian (naikkan ke bawah) untuk memaparkan secara dinamik semua elemen padanan, secara pilihan mencetuskan fungsi panggil balik selepas paparan selesai.

Kesan animasi ini hanya melaraskan ketinggian elemen, membenarkan elemen padanan dipaparkan dalam cara "gelongsor".

kelajuan di sini (String|Nombor): (pilihan) Rentetan satu daripada tiga kelajuan yang telah ditetapkan ("perlahan", "biasa", atau "cepat") atau nilai milisaat yang mewakili tempoh animasi ( Seperti : 1000)

  • slaidUp(kelajuan, panggil balik)

Sembunyikan semua elemen padanan secara dinamik dengan menukar ketinggian (menurun ke atas) , secara pilihan mencetuskan fungsi panggil balik selepas penyembunyian selesai.

Kesan animasi ini hanya melaraskan ketinggian elemen dan boleh menyembunyikan elemen padanan dalam cara "gelongsor".

Digunakan sama seperti slideDown.. kecuali kesannya diterbalikkan

  • slideToggle(kelajuan, panggil balik)

Togol keterlihatan semua elemen padanan melalui perubahan ketinggian, dan secara pilihan mencetuskan fungsi panggil balik apabila togol selesai.

Kesan animasi ini hanya melaraskan ketinggian elemen, membenarkan elemen padanan disembunyikan atau dipaparkan dalam cara "gelongsor". 

<!DOCTYPE html>
<html>
    <head>
        <title>php.cn</title>
        <meta charset="utf-8" />
        <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
        <script>
        function f1(){
            //隐藏 hidden
            $('div').slideUp(3000);
        }
        function f2(){
            //显示 show
            $('div').slideDown(3000);
        }
        function f3(){
            $('div').slideToggle(2000);
        }

        </script>
        <style type="text/css">
        div {width:300px; height:200px; background-color:blue;}
        </style>
    </head>
    <body>
        <div></div>
        <input type="button" value="隐藏" onclick="f1()" />
        <input type="button" value="显示" onclick="f2()" />
        <input type="button" value="开关" onclick="f3()" />
    </body>
</html>


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <title>php.cn</title> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script> function f1(){ //隐藏 hidden $('div').slideUp(3000); } function f2(){ //显示 show $('div').slideDown(3000); } function f3(){ $('div').slideToggle(2000); } </script> <style type="text/css"> div {width:300px; height:200px; background-color:blue;} </style> </head> <body> <div></div> <input type="button" value="隐藏" onclick="f1()" /> <input type="button" value="显示" onclick="f2()" /> <input type="button" value="开关" onclick="f3()" /> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492694 permainan