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
5
A
Trả lời
4
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ị.
Các vấn đề liên quan
- 1. Tooltip vào nút tùy chỉnh trong Highcharts
- 2. jquery lớp ui tooltip tùy chỉnh trên tải trang
- 3. <img> và thẻ <image> trong HTML
- 4. Không gian dưới <img> tag
- 5. <img src> w/timeout?
- 6. Tiêm javascript thourgh <img> -tag
- 7. Làm thế nào để ngăn chặn tooltip từ nhấp nháy trong điều khiển tùy chỉnh?
- 8. Cách nhận mã trạng thái HTTP <img> thẻ
- 9. jQuery tooltip + ajax content
- 10. Spring MVC 3 - nhãn tùy chỉnh trong <form:select>
- 11. PHP - xóa <img> thẻ từ chuỗi
- 12. Cách đóng thẻ <img> đúng cách?
- 13. HTML và hiển thị phần tử <img/>
- 14. Làm <img> thẻ trong hỗ trợ GIF động?
- 15. Làm mới <img> trong jQuery theo định kỳ
- 16. Phần đệm bổ sung dưới một thẻ <img>?
- 17. Ảnh nền trong <img> phần tử
- 18. asmack - nhận tin nhắn XML tùy chỉnh ||
- 19. Hỗ trợ thẻ <img> đáng tin cậy cho SVG
- 20. Hình ảnh bên trong tooltip tiptip
- 21. Thẻ thêm JQuery <a> xung quanh <img>
- 22. <img> bên trong <a> có đường viền màu xanh
- 23. android webview: phát hiện báo chí dài trên <a> và <img>
- 24. WPF Tooltip định vị
- 25. Bắt lỗi tải img cho <img> thẻ được tạo sau khi tải trang (ví dụ: qua AJAX)
- 26. Tùy chỉnh UIButton cho Iphone
- 27. JQuery JSTree - thêm một ToolTip
- 28. Walkthrough/tooltip/demo cho ứng dụng iPhone
- 29. WPF Image Tooltip
- 30. jQuery tooltip onClick?
Chú giải công cụ trình tạo luồng rất tuyệt! – Kyle