Hiển thị ảnh khi rê chuột vào chữ - 23 December 2011 - Thủ thuật - Đừng Sợ Ma
Thứ tư, 2017-03-29, 11:21 AM
Chào mừng Khách | RSS
Trang chủ | Thủ thuật | Đăng kí | Đăng nhập
Về trang chủ
DUNGSOMA
XE
Ảnh
Ngọc Trinh mặc bikini trên tạp chí Thái
Bảo Trân rạng ngời với gu đen - trắng
Tạo lời chào khi khởi động Window (Trước Welcome)
Cách cài idm cho firefox 4 dễ dàng
XE
N
Bình luận mới
барабаны скачать торрент ...

астрал скачать бесплатно ...

Tìm kiếm
Liên kết
Blog FD
Vinh's info
BlOg Namkna
Xây nhà nhỏ
Kiếm tiền trên mạng
Game di dong
Tai game mien phi
Đặt liên kết>>
Thống kê

Tổng số người đang online: 1
Khách online: 1
Thành viên online: 0
dungsoma
Trang chủ » 2011 » Tháng 12 » 23 » Hiển thị ảnh khi rê chuột vào chữ
Bấm LIKE để nhận thủ thuật mới nhất
2:46 PM
Hiển thị ảnh khi rê chuột vào chữ
Hôm nay thủ thuật dungsoma.dmon.com giới thiệu cho các bạn 1 thủ thuật độc đáo, hiển thị ảnh khi rê chuột vào chữ.
Bước 1: Bạn copy đoạn code này vào mục css

Code:

<style type="text/css">

/*Credits : dungsoma*/
/*URL: http://dungsoma.dmon.com/blog/*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

</style>

Bước 2: Bạn dán đoạn code này nơi bạn muốn hiển thị ảnh

Code:

<a class="thumbnail" href="http://www.dungsoma.dmon.com/new/chuyennnt/nhunghotgirt/1.jpg">Tên ảnh <span><img src="http://www.dungsoma.dmon.com/new/chuyennnt/nhunghotgirt/1.jpg" /><br />Chú thích về ảnh</span></a><br />


Chúc bạn thành công!
Thể loại: Thiết kế website | Lượt xem: 1099 | Người gởi: admin | Tags: HTTP | Đánh giá: 4.5/2
Tông số bình luận: 1
1  
Thinking like that shows an epxret's touch

Chỉ thành viên mới được bình luận
[ Đăng kí | Đăng nhập ]
Thiết kế bởi: nguoichonggia8311 2011-2017 Powered by uCoz