Một thông báo dạng popup rất cần thiết trong thiết kế web, đặc biệt ứng dụng cho các hình ảnh quảng cáo động. Bạn có thể điều chỉnh khoảng thời gian hiển thị để thành phần popup tự động đóng. xem lại Popup thủ công bằng scrip Tại Đây
Thông thường để tạo một kiểu quảng cáo dạng popup như vậy, kỹ thuật webdesign phải dùng đến script có dung lượng khá lớn. Tuy nhiên ở đây, tôi sử dụng chức năng đóng thành phần giúp cho script khá gọn nhẹ.
» Bắt đầu thủ thuật
1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chọn mở rộng tiện ích mẫu (Expand Widget Templates).
5. Bạn hãy đặt đoạn code sau đây vào trước thẻ </head>
<script type='text/javascript'>
function closeelement(){
div = document.getElementById("closeelement");div.style.display= "none";
}
setTimeout(closeelement, 60000);
</script>
Chú ý: con số 60000 là thời gian cửa sổ popup sẽ tự động đóng. ĐƠn vị tính là mili giây. 1 giây bằng 1000 mili giây, 60000 mili giây bằng 60 giây.6. Bạn hãy đặt đoạn code sau đây vào sau thẻ <body>:
<div id='closeelement' style='border: 0 !important; background: transparent; left:15px;bottom:15px;position:fixed;width: 190px;z-index:9999'> <a href='javascript:closeelement();'> <img src='http://img405.imageshack.us/img405/1535/closeicon.png' style='float: right;border: 0' title='Đóng'/> <img src='URL_hình ảnh' style='border: 0'/><br /> Nội dung khác // Nếu bạn chỉ sử dụng hình ảnh thì bỏ phần này </a> </div>
Các tham số left, right, top, bottom, z-index dùng để điều chỉnh tọa độ của thành phần hiển thị popup đóng tự động.
Nhận xét
Nhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóa@ Phạm Minh Tâm: Sorry đã xóa Comment của bạn tại vì Spam Link :-t
Trả lờiXóaỒ cái này khá hay, nhưng nếu nó tự đóng sau trong khoảng thời gian nào đó xong lại nhảy ra và là 1 hình ảnh khác thì tuyệt quá nhỉ, không biết có cách nào làm như thế không nhỉ?
Trả lờiXóa@Phuong Vu Uk để mình thử coi có được không nha :P
Trả lờiXóachỉnh cho ảnh to lên ntn b?
Trả lờiXóa