Rabu, 27 Februari 2019

Sticky Tooltip Keren Dengan Gambar Sesukamu

Script ini bisa menambahkan tooltip HTML yang keren ke elemen-elemen yang kta arahkan mousenya, ketika mouse menunjuk ke suatu limk, di mana tooltip akan menampilkan gambar keren sesukamu, dan mengikuti kursor saat bergerak di dalam elemen tersebut.

Tooltip ni dapat "ditempelkan", atau tetap terlihat di layar dengan cara mengklik kanan pada suatu link yang ditentukan,


Ketika menekan "s" jika pengguna ingin berinteraksi dengan beberapa konten di dalam tooltip, seperti mengklik tautan di dalamnya. Konten untuk setiap tooltip hanya didefinisikan sebagai HTML biasa pada halaman, membuatnya sangat mudah untuk didefinisikan dan dikustomisasi. dengan tooltip iini anda akan memiliki tooltip yang dapat melakukan lebih dari sekadar menunjukkan informasi tambahan,

Nah, apakah kamu mau membuatnya.? tapi sebelum kamu membuat tooltip yang keren ini, coba deh kamu lihat dulu demo dibawah ini biar kamu gak penasaran,

Demo

Thailand

British Columbia


Thailand boasts some of the most popular and luxurious resorts in Asia.

BC is the westernmost of Canada's provinces and is famed for its natural beauty.Vancouver is BC's largest city.


Langkah 1: Masukkan kode berikut ke bagian <head> halaman Anda:


Setelah kamu meletakan kode tersebut, maka yang perlu kamu lakukan lagi adalah

Langkah 2: Masukkan contoh kode tooltip markup di bawah ini ke bagian <body> halaman Anda:


Semua tooltips pada halaman harus didefinisikan di dalam DIV tunggal, dengan masing-masing DIV itu sendiri melilit DIV dengan atribut ID unik. Struktur dasarnya adalah:

Sticky Tooltip Keren Dengan Gambar Sesukamu Rating: 4.5 Diposkan Oleh: Forbisnis.com

0 komentar:

Posting Komentar