2010-09-09 27 views
5

Tôi đã tự hỏi là có thể tùy chỉnh chú giải công cụ mà chúng tôi nhận được sau khi đặt thuộc tính tiêu đề trong thẻ img không? Bây giờ tôi nhận được một hình chữ nhật chuẩn với nền màu xanh với văn bản trên đó và những gì tôi muốn có được là hình ảnh của riêng tôi (cho phép nói điều gì đó trông giống như một đám mây) với văn bản trên đó. Có thể với css hoặc js?Tùy chỉnh <img title> tooltip

Trả lời

4

Bạn cần javascript cho điều đó. hãy thử this here hoặc here Hoặc bạn có thể tự cuộn. Nhưng về cơ bản không có cách nào để làm điều đó trực tiếp trong html (không biết về htm5/css3).

+0

Chú giải công cụ trình tạo luồng rất tuyệt! – Kyle

1

Tạo của riêng bạn! Bạn có thể chỉ cần tạo một div ẩn trong HTML của bạn, sau đó khi ai đó di chuột qua hình ảnh, hãy hiển thị div của bạn để thay thế.

0

Nếu bạn muốn tạo chú giải công cụ tùy chỉnh, tôi sẽ giới thiệu this. Nó cho bạn thấy, chi tiết, cách tạo chú giải công cụ của riêng bạn trong js, được định hướng bằng CSS và có thể dễ dàng được sử dụng lại.

Ngoài ra, nếu bạn đang sử dụng một khung công tác, mọi thứ trở nên dễ dàng hơn. Ví dụ: có rất nhiều jQuery tooltip plugins. Điều này cho phép bạn thực hiện chú giải công cụ của mình xuất hiện khi di chuột qua bất kỳ phần tử nào.

0

Tôi sẽ đề xuất Tooltipster. Thực sự dễ sử dụng, có thể được sử dụng trên bất kỳ phần tử nào hỗ trợ thuộc tính title và có nhiều tính năng và giao diện thú vị.