Cara Memberi Teks yang Mengandungi Keadaan Tooltip / Hover?

1. Bagaimana saya memaparkan kandungan petua alat?
2. Apakah teks yang dipaparkan sebagai tooltip?
3. Sekiranya petua akan diklik atau berlegar?

Bagaimana saya memaparkan kandungan petua alat?

Tooltip Asas

HTML: Gunakan elemen kontena (seperti <Div>) dan tambahkan kelas "tooltip" kepadanya. Apabila pengguna tetikus ke atas ini <Div>, ia akan menunjukkan teks tooltip. Teks tooltip diletakkan di dalam elemen sebaris (seperti <rentang>) dengan .

Apakah teks yang dipaparkan sebagai tooltip?

Petua alat adalah mesej deskriptif kecil yang kelihatan berhampiran paparan apabila pengguna lama menekan pandangan atau hover tetikus mereka di atasnya. Ini berguna apabila aplikasi anda menggunakan ikon untuk mewakili tindakan atau sekeping maklumat untuk menjimatkan ruang dalam susun atur.

Sekiranya petua akan diklik atau berlegar?

Sokong kedua -dua tetikus dan keyboard hover.

Petua yang hanya muncul pada hover tetikus tidak boleh diakses untuk pengguna yang bergantung pada papan kekunci untuk menavigasi. Termasuk dalam reka bentuk anda dan pastikan petak anda boleh diakses melalui papan kekunci.