Tooltip Pada Teks
Apa yang saya maksud dengan Tooltip?
Menurut saya (hehehe) tooltip adalah informasi yang akan muncul ketika mouse kita letakkan di atas sebuah teks atau gambar. Contoh lebih nyata, silakan letakkan pointer mouse anda di paragraf di atas.
Tooltip ini mungkin berguna untuk memberikan informasi tambahan kepada pengunjung situs, namun informasi tersebut pendek dan tidak bisa dituliskan langsung di postingan karena merusak estetika atau pun 'nggak nyambung' dengan isi tulisan.
Ada 2 kejadian (kayak berita aja) yang memakai tooltip, yaitu pada Link dan Non-Link.
#1 Tooltip pada link
Tooltip pada link menggunakan tag TITLE. Contoh :
<a href='link_tujuan' title='ISI TOOLTIP ANDA'>Link</a>
#2 Tooltip pada non-link
Nah, ini seperti contoh paragraf 1 tadi. Gunakan tag Tittle di <abbr>. Contoh :
<abbr title='ISI TOOLTIP ANDA'>text atau gambar</abbr>
Mudah, kan?
Menurut saya (hehehe) tooltip adalah informasi yang akan muncul ketika mouse kita letakkan di atas sebuah teks atau gambar. Contoh lebih nyata, silakan letakkan pointer mouse anda di paragraf di atas.
Tooltip ini mungkin berguna untuk memberikan informasi tambahan kepada pengunjung situs, namun informasi tersebut pendek dan tidak bisa dituliskan langsung di postingan karena merusak estetika atau pun 'nggak nyambung' dengan isi tulisan.
Ada 2 kejadian (kayak berita aja) yang memakai tooltip, yaitu pada Link dan Non-Link.
#1 Tooltip pada link
Tooltip pada link menggunakan tag TITLE. Contoh :
<a href='link_tujuan' title='ISI TOOLTIP ANDA'>Link</a>
#2 Tooltip pada non-link
Nah, ini seperti contoh paragraf 1 tadi. Gunakan tag Tittle di <abbr>. Contoh :
<abbr title='ISI TOOLTIP ANDA'>text atau gambar</abbr>
Mudah, kan?
Tidak ada komentar
Posting Komentar