Skip to main content

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 untuk Jquery mobile Page dan Dialog Transition effect kamu bisa kreasikan web kamu dengan berbagai effect, selamat mencoba.


Labels:

Comments

Post a Comment

Popular posts from this blog

Penerapan PHP Dalam Kode HTML

PHP hanya mengeksekusi kode yang ditulis dalam pembatas sebagaimana ditentukan oleh dasar sintaks PHP. Apapun di luar pembatas tidak diproses oleh PHP (meskipun teks PHP ini masih mengendalikan struktur yang dijelaskan dalam kode PHP.  Pembatas yang paling umum adalah  " <?php " dan u ntuk menutup kode PHP " ?> ". Tujuan dari pembatas ini adalah untuk memisahkan kode PHP dari kode diluar PHP, seperti  HTML , Javascript . Untuk pembuatan web, kode  PHP  biasanya di sisipkan kedalam dokumen HTML. Karena fitur inilah PHP disebut juga sebagai  Scripting Language  atau bahasa pemrograman  script . Sebagai contoh penggunaan PHP, misalkan kita ingin membuat list dari nomor 1 sampai nomor 10. Dengan menggunakan HTML murni, kita bisa membuatnya secara manual seperti kode berikut ini: <!DOCTYPE html> <html>    <head>       <title>Contoh list dengan HTML</title>    ...
Post a Comment
Read more

Perancangan Ruang Server

Perlunya Memiliki Server dan Ruang Server Sendiri A. Alasan Memiliki Server & Ruang Server Sendiri Pembangunan Gedung D pada STT Ibnu Sina akan menambah jumlah user pada fasilitas E-learning dan akses website STT Ibnu Sina lainnya. Hal tersebut tentu akan menambah beban jaringan atau Bandwidth yang dibutuhkan untuk menyimpan content pada E-learning dan Website STT Ibnu Sina, seperti modul tugas dan Data Kemahasiswaan. Berikut beberapa keuntungan jika STT Ibnu Sina memuliki Server dan ruang Server sendiri : Mempermudah baik pihak pengurus STT Ibnu Sina Batam maupun mahasiswa dalam mengatur dan mengakses data dan informasi Kerahasiaan data dan informasi terjaga dalam server. Mengurangi biaya internet karena situs STT Ibnu Sina yang di akses melalui jaringan yang ada di STT Ibnu Sina akan menggunakan jaringan local, sehingga tidak membutuhkan akses internet Mempermudah mahasiswa khususnya teknik informatika untuk belajar langsung tentang server, data center dan kegunaann...
1 comment
Read more

Tutorial Instalasi AppServ

Appserv adalah Server Package Software adalah aplikasi yang digunakan untuk menjalankan paket aplikasi Apache Server (localhost), PHP 5, Database MySQL, dan phpMyAdmin untuk manajemen Database MySQL. Berikut saya akan menjelaskan langkah-langkah instalasi Appserv pada Windows. Double Klik di Aplikasi Appserv.exe atau jika belum ada Donwload Appserv disini , jika sudah klik next ... License and Agreement, Atau ketentuan dan perjanjian disini dimana kamu setuju dengan semua ketentuan yang dibuat oleh Appservnetwork dan jika kamu setuju untuk menginstall aplikasi ini klik I agree... yaa kita tau ini gak terlalu di baca  dan mungkin cuma ngeberat-beratin content doank tp biar jelas aja apa gunannya kan ?... OK next Destination Folder , kamu bisa memilih dimana lokasi folder appserv yang akan kamu install. klik next untuk menginstall di defaultnya adalah di "C:\AppServ". Select Components, kamu bisa memilih komponen apa saja yang perlu di install at...
1 comment
Read more