Trang chủ » Articles » Thủ thuật Tin học |
Tạo zoom ảnh khi rê chuột vào
Ngày đăng: 09/5/2011|
Chỉ có vài dòng CSS đơn giản nhưng đã hiện được zoom ( popup ) của hình rất hay.
Với vài đọan code CSS nhỏ ta có thể tạo một cửa sổ popup để hiển thị ảnh rất chuyên nghiệp mà không cần tới javascript. Thủ thuật cho phép hiện thị của sổ popup của ảnh gốc khi ta rê chuột vào. Để thực hiển, trước tiên bạn chèn đọan code CSS này vào trước thẻ đóng </head> trong code template:
- Dòng code màu đỏ chính là vị trí popup sẽ hiển thị ở trong blog của bạn. Hãy điều chỉnh 2 giá trị này để có được vị trí thích hợp nhất trên blog của bạn. - Save template. Và sau cùng là code 2 HTML:
Bạn muốn ảnh hiển thị ở đâu thì bạn cứ chèn code 2 HTML vào đó. Ví dụ như trong bài viết, hay ở ngòai blog (nếu ở ngòai blog thì tạo 1 widget HTML/Javascript rồi dán code vào)
Chúc bạn thành công !
Theo http://www.08cvhh.ucoz.com | |
Lượt xem: 613 | Đánh giá: 0.0/0 |
Tổng số ý kiến: 0 | |