Mootools menyediakan tooltips yang berbeda untuk merancang gaya kustom dan efek. Dalam tutorial ini, kita akan mempelajari Cara Membuat Tooltip Menggunakan Mootools. Tooltips adalah pesan atau informasi yang akan muncul ketika pointer mouse diarakan atau diklik ke elemen yang terdapat menu tooltipsnya. Menu Tooltips dapat berisi bantuan ataupun informasi yang terkait pada elemen tersebut.

Bagi anda yang belum tahu apa itu mootools saya akan coba mencoba mendeskripsikan sedikit tentang mootools. Mootools adalah kumpulan utilitas JavaScript dirancang untuk pengembang JavaScript tingkat menengah sampai tingkat mahir. Hal ini memungkinkan anda untuk menulis kode yang kuat dan fleksibel namun tetap elegan, didokumentasikan dengan baik, dan API yang koheren.

Setelah anda tahu tentang mootools coba anda ikuti langkah-langkah Cara Membuat Tooltip Menggunakan Mootools berikut ini:

– Pertama buka text editor teman-teman dan masukan kode html di bawah ini:

Tag <a> adalah elemen di mana kita akan melampirkan tooltip. Coba teman-teman jalankan di browser teman-teman maka tempilannya akan menjadi seperti gambar di bawah ini:

Cara Membuat Tooltip Menggunakan Mootools

Kedua, teman-teman download file mootoolsnya di website mootools, lalu simpan di dalam folder yang sama dengan file htmlnya:

Ketiga, kita panggil file mootoolsnya dengan menggunakaan kode di bawah ini:

Keempat, teman-teman ketikan script di bawah:

Coba teman-teman refresh browser teman-teman lalu arahkan cursor ke elemen yang ada, maka akan muncul tooltip dan apabila teman-teman klik elemennya maka browser otomatis membuak tab baru dan menampilkan website yang kita hubungkan:

Cara Membuat Tooltip Menggunakan Mootools

Bagaiamana teman-teman cukup mudahkan membuat tooltip menggunakan mootools. Jangan lupa untuk di coba yah teman-teman.

Sekian tutorial kali ini tentang Cara Membuat Tooltip Menggunakan Mootools.