Tugas persentasi kelompok 

nama : Nur Fharid Npm: 1410128262054

            Aditya Setiawan Npm: 1410128262048

Sekolah Tinggi Teknik Ibnu Sina Batam merupakan kampus teknik unggulan yang berbasis iman dan takwa untuk itu mari bergabung dengan kami di kampus stt ibnu sina batam lihat selengkapnya di stt-ibnusina.ac.id

           

 jQuery Mobile Transitions effects 

Browser  Support
    Kelebihan jQuery Mobile diantaranya  memiliki efek dari CSS3   Sebagai contoh  ketika kita memiliki efek transirsi untuk membuka  sebuah  halaman  Untuk melihat hasil transisi. browser  yang kita gunakan  harus mendukung CSS3 3D Transform

Transition  Effects
Untuk membuat Efek transisi Jquery Mobile cukup  menambahkan kode  data-transisi="attribute' dengan menambahkan  nilai seperti berikut :

Adapun dibawah ini merupakn beberapa contohatrribut dari transisi jquerry mobile : 

a.  Fade merupakan efek transisi dari halaman kehalaman lain dengan memberikan efek blur seolah-olah halaman hilang atau muncul dari kegelapan

 b.  Pop merupakan dari peralihan halaman kehalaman berikutnya memberikan efek seperti muncul kepermukaan 

c.  Flip merupakan efek transisi dari jquerry mobile dimana efek ini memberikan bentuk seperti membalikan halaman tersebut , tapi bukan seperti membalikan halama pada buku.

 d. Flow merupakan efek yang dihasilkan adalah halaman seperti tenggelam kemudian dilempar kebagian samping hingga tidak terlihat lagi .

e. Slide adalah efek yang dihasilkan dengan cara menggeser halaman untuk membuka halaman berikutnya.

 f. Slideup adalah efek dengan membentuk menggeser halaman dari atas ke bawah untuk kehalaman berikutnya.

contoh penggunaan slide sebagai berikut 

 Fungsi reverse mendevinisikn efek slide berlawanan ketika link #pageone diklik,berikut adalah coding diatas setelah saya menyalinnya dengan notepad++

Dan inilah hasilnya seteah kita buka dengan mengunakan mozila firefox  dan untuk membukanya kita harus mengaktifkan dulu Xampp lalu menulis alamat file pada brosernya seperti localhost/(namafile)
ini halaman awalnya: jika kita mengklik pada tulisan go to page two maka dia akan kehalaman  selanjutnya. Dengan menggunakan efek slide (perintah ini sesuai dengan printah efek apa yang kita tulis pada coding di notpad ++

Setelah kita mengkllik go to page two maka keluar lah halaman ini. Lalu jika anda menekan go to page one maka dia akan kembali kehalaman awal dengan efek yang diperintahkan yaitu flip ( efek yang berputar atau melipat seperti buku).