Hiện nay trên các website cs khá nhiều script tooltip, nhưng phần lớn đều sử dụng javascript, điều này có thể làm các web designer mới bắt đầu khó sử dụng và làm chậm khi load web. Mình xin giới thiệu với các bạn làm tooltip với CSS, chỉ cần 3 dòng CSS là bạn đã có được tooltip rất đẹp, chuyên nghiệp và quan trọng nhất là nó sẽ giúp site của bạn load nhanh hơn sử dụng javascript rất nhiều.

Code:

1. a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
2. a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
3. a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

VD:

Dùng TooltipĐây là ví dụ về Tooltip với CSS với CSS

Để thêm tooltip vào link, bạn chỉ cần thêm class "tooltip" vào liên kết và viết Tooltip đặt trong thẻ ...

Nguồn bài viết: kollermedia.at

BlogAE Editor

Gởi Comment

Bộ gõ tiếng Việt :	AUTO TELEX VNI OFF
Chọn hình đại diện :
Tên của bạn : *
Nội dung : *
Mã bảo vệ : *	Nếu không thấy hình ảnh, click vào nút đỏ ở trên!

Gởi đi   Viết lại