»
Tiếng AnhTiếng PhápTiếng Việt

In - Gạch chân liên kết bằng ảnh động - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » CSS » Gạch chân liên kết bằng ảnh động
URL: https://www.javascriptbank.com/gif-animated-with-css-underlines-for-links.html

Gạch chân liên kết bằng ảnh động © JavaScriptBank.comĐoạn mã CSS này sử dụng thuộc tính hover để gạch chân các liên kết khi người dùng rê con trỏ chuột đến, một kĩ thuật đơn giản nhưng đang rất thịnh hành hiện nay để tô sáng liên kết. Tuy nhiên, điểm đặc biệt của đoạn mã CSS này nằm ở chỗ hình ảnh được sử dụng - các mũi tên di chuyển liên tục, nên khá vui nhộn. Một đoạn mã rất thích hợp với các website có nội dung là truyện tranh, chuyện cười, vui nhộn,...

Phiên bản đầy đủ: jsB@nk » CSS » Gạch chân liên kết bằng ảnh động
URL: https://www.javascriptbank.com/gif-animated-with-css-underlines-for-links.html



CSS
<style type="text/css">/*Credits: Kieren Hardinghttp://b0g.biz/*/a:link {color: #C37108;white-space: nowrap;text-decoration: none;}a:visited {text-decoration: none;color: #C37108;}a:hover {text-decoration: none;background-image: url(animated_underline.gif);background-repeat: repeat-x;background-position: 100% 100%;padding-bottom: 3px;color: #CC9900;}a:active {text-decoration: none;}</style>


HTML
<a href="http://javascriptbank.com">Sampled by JavaScriptBank.com</a>


Files
/javascript/css/GIF_animated_with_CSS_underlines_for_links/animated_underline.gif