jQuery Text Rotator Plugin

jQuery Text Rotator Plugin

Halo teman-teman sahabat Yellow, untuk artikel kali ini kita akan mencoba menggunakan plugin jQuery, yang berfungsi untuk memanipulasi tulisan atau teks. Tentunya kita siapkan dahulu file-file apa saja nanti yang akan kita gunakan.

File-file yang kita perlukan diantaranya:
1. index.html
2. Library jQuery
3. Plugin jQuery

Untuk mengunduh file plugin Text Rotator jQuery, kita bisa menuju link berikut:
Text Rotator Plugin

dan tentunya jangan lupa untuk mengunduh Library jQuery dari situsnya:
jQuery Library

File-file tersebut sudah kita siapkan, sekarang saatnya kita memulai:
Untuk potongan skrip kode pada bagian head,

Pada potongan skrip diatas, disana untuk Library jQuery dapat menggunakan versi online (CDN). Kemudian untuk CSS nya kalian bisa lihat potongan skrip kode berikut:

Lalu kita menuju ke CSS Plugin, potongan skrip kodenya sebagai berikut:

Lanjutkan ke bagian aktivasi jQuerynya:

Untuk isinya sendiri, pada bagian body kalian bisa berikan potongan skrip kode berikut ini:

Berikut keseluruhan kode, secara utuh:

Untuk melihat demonya, teman-teman bisa klik link berikut:
https://www.yellowweb.id/demo/jquery-text-rotator/