Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]


Cấp bậc !
•Bang Chủ•
Tạo hiệu ứng mô tả liên kết chỉ bằng file Javascript  Thtx_010Tạo hiệu ứng mô tả liên kết chỉ bằng file Javascript  Thtx_011Tạo hiệu ứng mô tả liên kết chỉ bằng file Javascript  Thtx_012
Tạo hiệu ứng mô tả liên kết chỉ bằng file Javascript  Thtx_013[KiNg]_[PiN]-BBTạo hiệu ứng mô tả liên kết chỉ bằng file Javascript  Thtx_014
Tạo hiệu ứng mô tả liên kết chỉ bằng file Javascript  Thtx_015Tạo hiệu ứng mô tả liên kết chỉ bằng file Javascript  Thtx_016Tạo hiệu ứng mô tả liên kết chỉ bằng file Javascript  Thtx_017
•Bang Chủ•

[KiNg]_[PiN]-BB

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.

http://a1k44.thptbatbat.com
Loading

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết

 
  • Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất
© 2012 A1K44BB
FM PunBB - Edit by HOàng Hải