Trang Chính
Sau đây xin giới thiệu đến các bạn CSS có chức năng phóng to hình ảnh khi rê chuột vào.
Code CSS
Code CSS
- Code:
#picture {width:100px; height: 250px; background-color:#ffffff;}
#picture a.small, #picture a.small:visited { display:block; width:100px; height:100px; text-decoration:none; background:#ffffff; top:0; left:0; border:0;}
#picture a img {border:0;}
#picture a.small:hover {text-decoration:none; background-color:#000000; color:#000000;}
#picture a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#picture a.small:hover .large {display:block; position:absolute; top: 90px; left:150px; width:200px; height:200px; }
- Code:
<div id="picture">
<a class="small" href="#nogo" title="small image"><img src="/images/jupiter-s.jpg" title="small image" />
<img class="large" src="/images/jupiter-l.jpg" title="large image" /></a>
</div>
(
