Làm thế nào để bạn thực hiện tooltip xuất hiện lâu hơn trong IE

Question

tôi đã nhận sau

<span id="pageLink" style="cursor:pointer;" onClick="...." title="<%=pHelper.getNameToolTip()%>"> 

trong firefox tooltip vẫn đó cho đến khi con chuột được di chuyển, nhưng trong IE nó chỉ nằm ở đó khoảng 5seconds và biến mất.

có cách nào để kéo dài hơn không?

Answer 1

Không có chú giải công cụ trình duyệt được tích hợp sẵn, không.

Có rất nhiều thành phần giao diện người dùng giống như công cụ sử dụng các phần tử DOM được định vị sẽ cho phép bạn kiểm soát tốt hơn thời gian trình bày và hiển thị. Tôi chưa bao giờ sử dụng một cái như vậy không thể xác nhận cho bất kỳ người trong số họ, vì vậy tôi sẽ không liên kết với bất kỳ. Googling "JavaScript tooltip" sẽ giúp bạn có được nhiều thứ. Ngoài ra còn có rất nhiều plug-in tooltip cho các thư viện hiện có như jQuery xung quanh.

Answer 2

Không chắc chắn nếu bạn có khuynh hướng sử dụng jQuery, nhưng có rất nhiều plugin công cụ sẽ cung cấp chức năng bạn đang tìm kiếm, cùng với một số tính năng bổ sung.

Answer 3

Bạn có thể có thể thay đổi câu trả lời trên jquery dynamic tooltip yêu cầu của bạn

Answer 4

Như đã đề cập bởi những người khác, bạn không thể thay đổi cách mặc định mà trình duyệt tooltips hiển thị. Bạn cũng rất hạn chế trong khả năng hiển thị của mình. (ví dụ: Chỉ văn bản, không kiểm soát bố cục, gói hoặc kiểu, không có hình ảnh, ...) Tôi đã sử dụng jQuery Tooltip trên dự án và nó hoạt động rất tốt. Nó cung cấp cho bạn mức độ kiểm soát cao đối với chú giải công cụ của bạn, bao gồm hiển thị nội dung tùy ý. Rat khuyen khich.

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

Answer 5

Một tooltip đơn giản có thể được tạo ra chỉ với CSS nếu bạn không nhớ thêm một chút HTML.

.tipLink{ 
    color:#ff3333; 
    cursor:pointer; 
    position:relative; 
} 
.tip{ 
    position:absolute; 
    display:none; 
    top:10px; 
    left:30px; 
    background-color:#dddddd; 
    border:1px solid black; 
    width:100px; 
    color:black; 
    -webkit-border-radius:5px 5px 5px 5px; 
    -moz-border-radius:5px 5px 5px 5px; 
    border-radius:5px 5px 5px 5px; 
    text-align:center; 
} 
.tipLink:hover .tip{ 
    display:block; 
} 

và HTML sẽ trông giống như

<div>Select as many as apply 
<span class='tipLink'>? 
<span class='tip'>Press Ctrl to choose more than one option.</span> 
</span> 
</div> 
<br/>