2009-10-07 21 views
13

Có cách nào để tăng thời lượng của đầu công cụ được hiển thị bằng thuộc tính tiêu đề của thẻ html không?Cách tăng thời lượng di chuột mặc định là <a> thuộc tính tiêu đề (chú giải công cụ)

Hiện tại trong IE, dường như chỉ có khoảng thời gian 5 giây và sau đó biến mất.

+0

thể trùng lặp của [Có cách nào để có các thuộc tính tiêu đề của một phần tử html để hiển thị trong một thời gian dài?] (Http://stackoverflow.com/questions/1245936/ is-there-a-way-to-have-the-title-attribute-of-an-html-phần tử-hiển thị-cho-al) – LordScree

Trả lời

19

Tôi nghĩ rằng đây là hệ điều hành phụ thuộc và bạn không nên cố gắng ghi đè điều đó.

Cách tốt nhất là tạo chú giải công cụ tùy chỉnh.

Dưới đây là một số những người tốt

jQuery Tooltip Plugin Demo

+1

+1 để hoàn toàn chính xác. OP nên tìm một thư viện tooltip nhẹ đẹp, có tấn. – timdev

+0

cảm ơn! Tôi đã không chắc chắn nếu nó được hệ điều hành kiểm soát nếu nó bằng cách nào đó có thể được thiết lập với css. – justinl

2

Để xây dựng thêm về câu trả lời phượng'. Chú giải công cụ tùy chỉnh sẽ cho phép bạn linh hoạt tuyệt vời về hình thức và bố cục của chúng. Bạn cần có một thư viện JavaScript (ví dụ, jquery hoặc mootools) và nhận được một plugin để hiển thị chúng. Sau đó, bạn sẽ liên kết tệp .js của JQuery, tệp của plugin và css, cuối cùng bạn sẽ thêm một số đánh dấu để làm cho nó hoạt động.

Ví dụ, đây là một: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ hay này: http://craigsworks.com/projects/simpletip/

Họ thường khá đơn giản để cài đặt, yêu cầu duy nhất là trang web của bạn hỗ trợ javascript.

+0

đây là những điều tuyệt vời! cảm ơn: D – justinl

1

Hãy thử WZ tooltip (có thể không còn được duy trì): Click here

+0

Cảm ơn bạn đã liên kết. Đây là một lựa chọn đơn giản và nhanh chóng để sử dụng jQuery mà tôi có thể sẽ sử dụng. – justinl

0

Làm thế nào để tăng thời gian di chuột mặc định của thuộc tính tiêu đề (tooltip)

Dont sử dụng IE, không có giới hạn thời gian trong trình duyệt Firefox. Hoặc sử dụng mã tôi đã làm.

Tôi đã thực hiện một số mã trong html/css chỉ trong một tệp, không thể làm cho nó dễ dàng hơn.

<!DOCTYPE html><html><body><style> 
 
.m span{display: none;list-style: none} .m {z-index:24;position:relative;display:inline-block} 
 
.m:hover span{z-index:999;display:block;position:absolute;top:19px;left:1em;border:1px solid #000;background-color:#eee;color:#000;min-width:300px} 
 
</style> 
 
<div class="m"> News   <span> Links inside span works good <a target="_blank" href="http://cnn.com">Cnn.com</a></span></div> 
 
<div class="m"> Hover over here and Information comes up <span> To make complex things easy is not so easy to do. </span></div> 
 
<br> Just som text here to give you the 3D effect <br> 
 
</body></html>

+0

Giải pháp này không hoạt động tốt với công cụ tìm kiếm và trình đọc màn hình. – Samer

Các vấn đề liên quan