Chúng ta đã biết cách thực hiện hiệu ứng mô tả liên kết bằng DHTML Tooltip qua bài viết Hiệu ứng liên kết có mô tả … nhưng phải dùng đến cả CSS và Javascript. Ở bài này tôi xin giới thiệu cách làm đơn giản hơn, chỉ sử dụng 1 file Javascript mà thôi.
Bạn hãy rê chuột vào liên kết này để xem kết quả hiệu ứng.
Sau đây là hướng dẫn thao tác:
Đặt đoạn code bên dưới ngay sau thẻ <body>.
<script type="text/javascript" src="/wz_tooltip.js"></script>
Bạn nên tải file wz_tooltip.js về rồi upload lên webhost của bạn sau đó gắn URL của file vào phần scr ở trên.
Kế đến bạn chỉ cần thiết lập HTML cho liên kết như sau:
<a onmouseover="Tip('Phần mô tả liên kết')" onmouseout="UnTip()" href="URL của liên kết">Tiêu đề của liên kết</a>
Như vậy phương pháp này đã rút ngắn hơn một công đoạn CSS so với phương pháp trước. Bạn có thể áp dụng cách này dễ dàng cho Blogger.
Home » Tooltips » Tạo hiệu ứng mô tả liên kết chỉ bằng file Javascript
Tạo hiệu ứng mô tả liên kết chỉ bằng file Javascript
Posted by chiasedamme on Sunday, October 17, 2010
{ 0 comments... read them below or add one }
Post a Comment