Ubah seberapa cepat tooltip atribut "title" muncul

140

Apakah ada cara untuk mengubah seberapa cepat tooltip dari atribut "title" elemen? Saya suka jika tooltip segera muncul, tetapi sepertinya butuh beberapa detik untuk muncul.

javascript html Profesor
sumber
1
Apakah itu tidak ditentukan oleh sistem operasi dan / atau browser web? Kecuali Anda menerapkan tooltip dinamis Anda sendiri seperti ini (tapi kurang mengerikan) :)
c24w
Jelas fitur ini harus diminta untuk ditambahkan dalam standar html / css.
Arnaud

Jawaban:

79

Tidak, tidak mungkin. The titleatribut diimplementasikan secara tergantung browser. Misalnya saya ingat perbedaan antara IE dan FF saat menggunakannya \r\ndi dalamnya.

Dokumen Mozilla menjelaskan batasan dan fungsionalitas dengan baik.

Jika Anda ingin kustomisasi, Anda dapat melihat plugin pihak ketiga seperti qTip2 yang meniru itu menggunakan divs dan hal-hal dan memberikan Anda kontrol penuh.

Darin Dimitrov
sumber
Jika Anda menggunakan Foundation, mereka memiliki komponen tooltip yang cukup bagus: foundation.zurb.com/docs/components/tooltips.html
Danny R
29

Anda bisa menggunakan jqueryUI seperti yang disarankan. Contoh mengendalikan durasi pada properti acara:

$( ".selector" ).tooltip({ show: { effect: "blind", duration: 800 } });
centarix
sumber
15

Tooltip UI Jquery sangat sederhana dan dapat disesuaikan: Cukup unduh atau sertakan UI jquery di halaman Anda.

Jika Anda ingin semua tooltips halaman Anda ditampilkan segera di arahkan, cukup gunakan ini:

$(document).tooltip({show: null});

Perhatikan bahwa ini berlaku untuk semua elemen yang memiliki atribut 'judul'. Anda dapat memodifikasi pemilih agar hanya memengaruhi kelas, dan mengatur kecepatan atau efek khusus:

$('.yourClass').tooltip({show: {effect:"none", delay:0}});
T30
sumber
5

Tidak mungkin untuk mengubah seberapa cepat tooltip browser default muncul, tetapi Anda dapat menggunakan salah satu plugin tooltip (di sini ada beberapa: http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/ ) di mana Anda dapat menyesuaikan banyak hal, termasuk penundaan.

Slawomir Wdowka
sumber
1
Tidak dapat menemukan plugin tooltip di tautan yang disediakan.
T30
1
yeah - tautan mati, namun .. google: stylish-jquery-tooltip-plugins dan banyak laman serupa muncul :-)
jcansell