Gốc > Code cho Blog và Web >
Tạo hiệu ứng mô tả cho link liên kết
Ở các thủ thuật này mình có hướng dẫn các bạn tạo hiệu ứng mô tả dùng JS. Với thủ thuật này thì popup mô tả sẽ di chuyển theo con chuột
Xem demo trực tiếp ở đây:http://bloggiaovienthaibinh.110mb.com/motalink/motalink.html
1.Chèn đoạn code bên dưới vào trước thẻ đóng </head>
2. Và sau đây code HTML:
Cao Bằng @ 20:06 11/01/2010
Số lượt xem: 1984
Xem demo trực tiếp ở đây:http://bloggiaovienthaibinh.110mb.com/motalink/motalink.html
Hình ảnh minh họa:
1.Chèn đoạn code bên dưới vào trước thẻ đóng </head>
| <script language="javascript" src="http://bloggiaovienthaibinh.110mb.com/motalink/tooltip.js"></script> <style type="text/css"> #dhtmltooltip{ border-right: black 1px solid; padding-right: 4px; border-top: black 1px solid; padding-left: 4px; font-size: 10pt; z-index: 100; filter: alpha(opacity=90); -moz-opacity: .90; -khtml-opacity: .90; opacity: .90; left: -300px; visibility: hidden; padding-bottom: 4px; border-left: black 1px solid; padding-top: 4px; border-bottom: black 1px solid; font-family: Arial; position: absolute; background-color: lightyellow; width: 250px; } #dhtmlpointer{ z-index: 101; left: -300px; visibility: hidden; position: absolute; } </style> |
2. Và sau đây code HTML:
|
<a href="{URL của liên kết}" onmouseover="showtip('Phần mô tả của link liên kết')" onmouseout="hidetip();">Tiều đề của link</a>
|
-Thay đổi code in đậm cho tương ứng với link liên kết của bạn.
Nếu áp dụng với blog Violet thì các bạn cho cả 2 code trên vào thêm khối chức năng
Chúc các bạn thành công
Blog giáo viên Thái Bình 
Cao Bằng @ 20:06 11/01/2010
Số lượt xem: 1984
Số lượt thích:
0 người
- Tạo tab nội dung đơn giản với jQuery (10/01/10)
- Code game đào vàng (08/01/10)
- Tạo menu giống trang VnExpress.net (05/01/10)
- Code dùng để kiểm tra code (05/01/10)
- thank thầy tạng thầy đoan code check nick ẩn nè (03/01/10)
Tạo hiệu ứng mô tả cho link liên kết