Trang Chính1
Tạo hiệu ứng mô tả liên kết chỉ bằng file Javascript 18/01/12, 10:28 pm
 |  |  |
 | ![[KiNg]_[PiN]-BB](https://2img.net/u/3413/17/90/42/avatars/1-90.jpg) |  |
 |  |  |
[KiNg]_[PiN]-BB
Giới Tính : 
Join : 24/08/2011
Tuổi : 30
Địa Chỉ : Hà Nội
Bài chém : 372
Tiền : 2147657771
like : 3Chú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.
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.
