Thay đổi cách thức xuất hiện nhanh chóng

Có cách nào để thay đổi tốc độ của tooltip từ thuộc tính "title" của một phần tử không? Tôi muốn nó nếu tooltip xuất hiện ngay lập tức, nhưng dường như phải mất vài giây để xuất hiện.

Không, không có cách nào. Các titlethuộc tính được thực hiện trong một thời trang phụ thuộc trình duyệt. Ví dụ, tôi nhớ sự khác biệt giữa IE và FF khi sử dụng \r\nbên trong nó.

Tài liệu của Mozilla giải thích tốt các giới hạn và chức năng.

Nếu bạn muốn tùy chỉnh, bạn có thể xem các plugin của bên thứ ba, chẳng hạn như qTip2 , bắt chước nó bằng cách sử dụng div và công cụ và cung cấp cho bạn toàn quyền kiểm soát.

Bạn có thể sử dụng jqueryUI theo đề xuất. Một ví dụ về kiểm soát thời lượng trên tài sản hiển thị:

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

Jtery UI tooltip cực kỳ đơn giản và có thể tùy chỉnh: Chỉ cần tải xuống hoặc bao gồm UI jquery trong trang của bạn.

Nếu bạn muốn tất cả các chú giải công cụ của trang của bạn hiển thị ngay lập tức khi di chuột, chỉ cần sử dụng điều này:

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

Lưu ý rằng điều này áp dụng cho tất cả các yếu tố có thuộc tính 'title'. Bạn có thể sửa đổi bộ chọn để chỉ ảnh hưởng đến một lớp và đặt tốc độ hoặc hiệu ứng tùy chỉnh:

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

Không thể thay đổi tốc độ xuất hiện của tooltip của trình duyệt mặc định, nhưng bạn có thể sử dụng một trong các plugin tooltip (đây là một số: http://www.1stwebdesigner.com/css/stetto-jquery-tooltip-plugins-webdesign/ ) nơi bạn có thể tùy chỉnh nhiều thứ, bao gồm cả độ trễ.

TippyJS có một tỷ tùy chọn tùy chỉnh.

https://atomiks.github.io/tippyjs

https://github.com/atomiks/tippyjs