Thêm Margin Hover Text vào bất kỳ trang web nào một cách dễ dàng với Marginote
Chú giải công cụ nội tuyến là tuyệt vời nhưng đôi khi chúng không phù hợp với nội dung nhất định. Hầu hết các trang web để lại không gian trong lề dọc theo thân trang và điều này là hoàn hảo để thêm nội dung kiểu tooltip không có chú giải công cụ.
Đi vào Ký quỹ, một plugin jQuery mã nguồn mở miễn phí thêm ghi chú tùy chỉnh vào lề của trang web của bạn. Bạn có thể chuyển đổi các ghi chú này dựa trên các liên kết hoặc các yếu tố nhất định trên trang, chẳng hạn như hình ảnh.
Plugin này rất dễ cài đặt và nó đi kèm với một biểu định kiểu mặc định cho ghi chú bên lề của bạn. Chúng xuất hiện sang một bên nội dung của bạn và chúng căn chỉnh ngay bên cạnh phần tử đoạn trên trang web của bạn.
Các ghi chú di chuột là thêm bằng tay các yếu tố HTML của bạn, sử dụng một desc thuộc tính. Tôi chưa bao giờ thấy điều này trong HTML5 vì vậy tôi không thể nói nếu nó tuân thủ đầy đủ. Nhưng, nó được chọn bởi JavaScript, đó là tất cả những gì bạn thực sự cần.
Bạn cũng có thể thay đổi thuộc tính này khi bạn chạy ký quỹ () chức năng, vì vậy bạn có thể thay đổi nó thành một cái gì đó như dữ liệu-desc nếu bạn đang muốn tuân thủ hơn.
Đây là một dòng của jQuery cần thiết để plugin này hoạt động:
$ ("bộ chọn"). lề () Bạn nên thay thế "bộ chọn" với bất kỳ yếu tố nào bạn đang nhắm mục tiêu. Vì vậy, nếu chúng ở trong thân trang của bạn, bạn có thể sử dụng ".body span". Bạn cũng có thể liên kết neo mục tiêu hoặc là bởi các lớp nhất định thêm vào các yếu tố này.
Bên trong ký quỹ () chức năng, bạn có thể thêm hai tham số tùy chọn để thay đổi định dạng ghi chú lề:
chiều rộng- đặt chiều rộng ghi chú (mặc định là 100px)cánh đồng- đặt thuộc tính nội dung HTML (mặc định là"desc")
Ngoài ra, nếu bạn không thích sử dụng jQuery, bạn có thể thử plugin vani Marginotes. Nó chạy trên vanilla JS, vì vậy bạn có không phụ thuộc để có được tất cả các tính năng tương tự.
Bạn cũng có thể kiểm tra điều này bản thử trực tiếp nếu bạn muốn thấy nó trong hành động. Đây chắc chắn là một plugin độc đáo và đó là một cách tuyệt vời để thêm một số nội dung đến trang web của bạn.
