Phiên bản đầy đủ: jsB@nk » Thủ thuật » Tạo đường viền và làm rõ ảnh khi rê chuột
URL: https://www.javascriptbank.com/applying-border-opacity-to-images-onmouseover-in-css.html
Hiệu ứng JavaScript này sẽ tạo một đường viền hoặc làm rõ ảnh khi người dùng rê con trỏ chuột lên chúng. Bạn có thể sử dụng từng hiệu ứng hoặc kết hợp cả hai lại. Đoạn mã dùng CSS để tạo hiệu ứng.
Phiên bản đầy đủ: jsB@nk » Thủ thuật » Tạo đường viền và làm rõ ảnh khi rê chuột
URL: https://www.javascriptbank.com/applying-border-opacity-to-images-onmouseover-in-css.html
<style type="text/css">.borderit img{border: 1px solid #ccc;}.borderit:hover img{border: 1px solid navy;}.borderit:hover{color: red; /* irrelevant definition to overcome IE bug */}</style><style type="text/css">.opacityit img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);-moz-opacity: 0.4;}.opacityit:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;}</style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<a href="http://javascriptbank.com" class="borderit"><img border="0" src="../image/gif_logojsb2.gif" /></a><a href="http://javascriptbank.com" class="opacityit"><img border="0" src="../image/gif_logojsb2.gif" /></a><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->