Cara Menggunakan Fungsi blind dan drop Pada jQuery UI
Halo teman – teman semuanya, selamat datang di situs tips dan trik Source Code Aplikasi. Di kesempatan kali ini saya akan memberikan tips bagaimana Cara Menggunakan Fungsi blind dan drop Pada jQuery UI dimana guna ini pun dimiliki jQuery UI dan guna blind, drop ini biasanya kita gunakan di pada css bagi menghailkan efek. Kali ini kita akan tuangkan ini di pada jQuery UI,
- blind – Menunjukkan atau menyembunyikan faktor: dengan memindahkan tepi bawah atau ke atas, tepi kanan ke kiri, tergantung di ditentukan direction dan mode nya. Dimana hasilnya akan slide keatas dan kebawah ketika di klik di area nya.
- Menunjukkan atau menyembunyikan faktor dengan membuatnya tampak drop ke kiri dan kekanan, atau drop off dari, halaman sebelah kiri.
Bagus,seketika saja kita implementasikan Cara Menggunakan Fungsi blind dan drop Pada jQuery UI. Teman – teman copy script htmlnya di bawah ini
<!doctype html>
<html lang=en>
<head>
<meta charset=utf-8>
<title><strong>Cara Menggunakan Guna blind dan drop Di jQuery UI</strong></title>
</head>
<body>
<p>Klik Di Kotak</p>
<div id=toggle></div>
</body>
</html>
Dan pastekan di text editornya, kemudian save dengan index.html. Setelah itu masukkan script css nya
<style>
#toggle {
width: 100px;
height: 100px;
background: orange;
}
</style>
Jikalau telah save, dan jalankan di browsernya. Karenanya hasilnya seperti gambar di bawah ini
Langkah berikutnya kita panggil id dan berikan guna jQuery UI nya
<script>
$( document ).click(function() {
$( #toggle ).toggle( blind );
});
</script>
Berikan library jQuery UI dan jQuery nya
<link rel=stylesheet href=http://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css>
<script src=http://code.jquery.com/jquery-1.12.4.js></script>
<script src=http://code.jquery.com/ui/1.12.1/jquery-ui.js></script>
Jikalau telah save dan refresh di browsernya, lalu klik kotak warna orange karenanya kotak akan slide ke atas dan kebawah karena kita berikan guna blind. Nah yang berikutnya kita ganti blind dengan drop
Karenanya hasilnya akan slide ke kiri dan ke kanan, bagi script lengkapnya seperti di bawah ini
Gampang sekali ya teman – teman, bagus demikianlah di artikel kali ini mengenai Cara Menggunakan Fungsi blind dan drop Pada jQuery UI kita jumpa lagi di tips dan trik yang akan datang. Semoga bermanfaat bagi kalian yang khususnya baru belajat jQuery Mobile. Terimakasih dan Hingga Jumpa.
Sumber https://kursuswebsite.org
