id-rocktips

Posts

Showing posts with the label jquery

Show And Hide Instantaneously Dengan Jquery

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Hide And Show Jquery</title> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/simple-sidebar.css" rel="stylesheet"> </head> <body> <div id="wrapper">  <div id="sidebar-wrapper"> <ul class="sidebar-nav"> <li class="sidebar-brand"> <a href="#"> ...

Page dan Dialog Transition Effect Pada Jquery Mobile

JQuery Mobile Adalah web framework yang dioptimalkan untuk perangkat-perangkat layar sentuh (touch-optimized). sebagai library, jQuery Mobile yang dikenal sebagai library JavaScript maupun framework mobile ini dikembangkan oleh tim jQuery Project. Tujuan pengembangannya adalah berfokus pada pembuatan framework yang kompatibel dengan beraneka ragam perangkat smartphone dan tablet. Data Transition Effect Jquery Mobile memiliki berbagai Variasi dalam cara berpindah dari satu halaman web ke halaman berikutnya. Untuk menggunakan effect tersebut, dibutuhkan browser yang support CSS3 3D Transform. Untuk menggunakan transistion effect pada saat memanggil halaman lain, adalah dengan menambahkan script berikut pada tag <a>....</a> : 1. data-rel adalah data atau halaman yang akan kita panggil 2. data-transition adalah effect yang kita inginkan Contoh : Kamu bisa menambahkan data transition effectnya, berikut pilihannya : Sekian penjelasan untu...