Tooltip là hộp thông báo nhỏ xuất hiện cạnh phần tử khi người dùng hover qua phần tử đó:
Để tạo tooltip, add thuộc tính data-toggle="tooltip"
cho phần tử.
Sử dụng thuộc tính title
để chỉ định văn bản sẽ được hiển thị bên trong tooltip:
<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>
Note: Tooltips phải được khởi tạo với jQuery: chọn thành phần được chỉ định và gọi phương thức tooltip()
.
Đoạn code sau sẽ enable tất cả tooltips trong trang:
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
Theo mặc định, tooltip sẽ xuất hiện trên đầu của phần tử.
Sử dụng thuộc tính data-placement
để đặt vị trí của tooltip là top, bottom, left hoặc right so với phần tử:
<a href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="left" title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip" data-placement="right" title="Hooray!">Hover</a>
Ứng Dụng Học
Theo dõi cập nhật nội dung học trên Youtube & Facebook
Thông Tin Liên Hệ
Công Ty Cổ Phần Phát Triển Công Nghệ Gozic.
Website: https://gozic.vn
SĐT: 096 - 70 25 996
Email: ziczacgroup@gmail.com
Thiết kế webiste chuyên nghiệp
Thiết kế phần mềm quản trị
Thiết kế ứng dụng Android
Thiết kế ứng dụng IOS
Thiết kế Web App
Hỗ trợ Digital Marketing
Hỗ trợ quảng cáo Google Ads
Hỗ trợ quảng cáo Facebook Ads
Hỗ trợ SEO Website