Wednesday, October 7, 2015
Advertisement
Advertisement
Efek yang menarik dan menawan pastinya keinginan anda ?, efek di JQuery masih kurang menarik ? kini saatnya anda mencoba sebuah plugin yang sangat menarik yaitu Plugin Easing JQuery yang mempunyai 32 macam easing, seperti berikut :
- linear
- swing
- easeInQuad
- easeOutQuad
- easeInOutQuad
- easeInCubic
- easeOutCubic
- easeInOutCubic
- easeInQuart
- easeOutQuart
- easeInOutQuart
- easeInQuint
- easeOutQuint
- easeInOutQuint
- easeInSine
- easeOutSine
- easeInOutSine
- easeInExpo
- easeOutExpo
- easeInOutExpo
- easeInCirc
- easeOutCirc
- easeInOutCirc
- easeInElastic
- easeOutElastic
- easeInOutElastic
- easeInBack
- easeOutBack
- easeInOutBack
- easeInBounce
- easeOutBounce
- easeInOutBounce
Untuk demo, silahkan klik disini .
Untuk mendownloadnya, bisa langsung menuju ke halaman pembuat, yaitu : http://gsgd.co.uk/sandbox/jquery/easing/ .
Plugin Easing Jquery digunakan dalam memanipulasi langkah animasi pada JQuery dan jika kita menerapkan easing ini, seakan - akan animasinya akan jauh lebih hidup .
Banyak fitur yang dapat didapatkan, contoh saja efek Bounce, Elastic dll . Penulisanya juga tidak memakan kata, kita hanya menambahkan kode .("effect") di akhir selector atau sebuah effect serta penambahan kode => easing: "effect" ; pada dalam function .
Jika kita membandingkanya dengan effect JQuery versi biasa dengan Plugin tersebut, sangat jauh sekali dalam segi effectnya .
Cara pemasangan
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
Contoh penulisan kode pada function
$(element).slideUp({
duration: 1000,
easing: method,
complete: callback});
Dasar penggunaan
.fadeToggle(500) => .fadeToggle(500,"easeOutBounce");.slideUp(500) => slideUp("500","easeInCirc");
Demikian, pengertian JQuery easing singkat, list effectnya, dan cara penggunaanya dari indonesiakkode dan semoga bisa anda terapkan pada website andalan anda .
Semoga bermanfaat .
Advertisement
Advertisement