2012-02-05 30 views
79

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

+1

sẽ không được quyết định bởi các hệ điều hành và/hoặc trình duyệt web? Trừ khi bạn thực hiện chú giải động của riêng bạn như [this] (http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm) (nhưng ít ghê tởm) :) – c24w

Trả lời

35

Không, không có cách nào. Thuộc tính title được triển khai theo kiểu trình duyệt phụ thuộc. Ví dụ tôi nhớ sự khác biệt giữa IE và FF khi sử dụng \r\n bên trong nó.

Mozilla's docs giải thích các giới hạn và chức năng tốt.

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

+0

Nếu bạn đang sử dụng Foundation, họ có một thành phần tooltip khá tốt: http://foundation.zurb.com/docs/components/tooltips.html –

4

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

+0

Không thể tìm thấy bất kỳ plugin công cụ nào trong liên kết được cung cấp. – T30

+0

vâng - liên kết chết, tuy nhiên .. google: phong cách-jquery-tooltip-plugins và một tải các trang tương tự bật lên :-) – jcansell

19

Bạn có thể sử dụng jqueryUI như được đề xuất. Một ví dụ về việc kiểm soát thời gian trên chương trình bất động sản:

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

Một tham chiếu luôn giúp: https://jqueryui.com/tooltip/ –

11

Jquery UI tooltip là cực kỳ đơn giản và tùy biến: Chỉ cần download hoặc include jquery UI trong trang của bạn.

Nếu bạn muốn tất cả các tooltips của trang của bạn để hiển thị ngay lập tức tại di chuột, chỉ cần sử dụng 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ó một 'danh hiệu' thuộc tính. Bạn có thể thay đổi bộ chọn để chỉ ảnh hưởng đến một lớp học, và thiết lập tốc độ tùy chỉnh hoặc có hiệu lực:

$('.yourClass').tooltip({show: {effect:"none", delay:0}}); 
Các vấn đề liên quan