Cara Menggunakan Effect SlideUp() Dan SlideDown() Pada Jquery

Di panduan kali ini kamu akan belajar bagaimana cara menggunakan effect slideup() dan slidedown() di jquery .



 



Hallo semuanya  kembali lagi di  artikel saya  , oke kali ini saya masih membahas tema yang sama yaitu mengenai atrribute yang terdapat di jquery. Sekarang ini saya akan membahas sebuah atrribute yang bernama slideUP dan slide Down.



 



Guna dari slideup itu sendiri ialah memberikan effect sliding,   seperti apa sih maksudnya effect sliding ? untuk kamu yang pernah lihat sebuah slider di sebuah blog pasti telah tau maksud dari effect sliding yang saya maksud hehhe, jadi sederhananya memberikan effect berganti atau menghiilang ke atas.  saya pun agak binggung mendeskripsikannya ,  sebaiknya kita liat seketika saja



 



salin code di bawah ini :



<html>
<head>
<title></title>
<script type=text/javascript src=https://code.jquery.com/jquery-3.1.1.min.js></script>

<script>
$(function run(){

$('div').slideUp(1000);
$('div').slideDown(1000,run);

});
</script>

</head>
<body>
<div>
<p>Ini Tulisan</p>
<p>bakalan</p>
<p>naik</p>
<p>dan</p>
<p>turun</p>
</div>
</body>
</html>


Setelah di salin berikutnya silahkan di jalankan di browsernya masing-masing dan lihat hasilnya .



bagi guna dari slideDown() itu sendiri hanya kebalikan dari effect slideUp(), oke itu saja bagi kali ini mengenai



cara menggunakan effect slideup() dan slidedown() di jquery . Hingga bertemu di artikel selanjutn




 




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS