Contoh Efek Jquery UI

Jquery User Interface ( UI ) merupakan plugin tambahan dari jquery sebagai pengembangan javascript yang dirangkum sedemikian rupa untuk lebih mudah di gunakan dalam pengembangan website/blog. Kita hanya memerlukan sedikit kode untuk menghasilkan efek yang mengagumkan sesuai perkembangan website saat ini layaknya blog gaya metro ui style

DEMO

Install ke template Blog

Code:

<link href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

Contoh penggunaan jquerynya:

EFEK BLIND

Code:

$('#object').toggle("blind", {
    direction: "horizontal"
}, 1000);

EFEK BOUNCE

Code:

$('#object').effect("bounce", {
    direction: "up",
    times: 10
}, 1000);

Untuk lebih lengkapnya baca SUMBER