TRUYỀN THỐNG BỘ ĐỘI CÔNG BINH: "MỞ ĐƯỜNG THẮNG LỢI"

1 2 3 4 5 6 7 8 9 10











30 tháng 8, 2013

Tạo Nút liên kết bên Trái (Phải) có hộp pop-Up bật ra




Trong code: có 2 phần: 
-<!—code popup -->
<script language="JavaScript">
    function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=400,height=270,left= 10,top=400');");
    }
    </script>
<!—end-code popup -->

Giải thích: Code này khi nhấn chuột vào Link thì Hộp popUp chứa liên kết bật ra có thể tùy chọn:
width=400 : Chiều rộng là 400px
height=270: Chiều cao là 270px
left= 10: Cách mép trái màn hình là 10px. Nếu đặt bên phải thì thay left= 10 thành right:10
top=400: Cách mép trên màn hình là 400px. Nếu tính so với mép dưới thì thay top thành bottom.


<!—Code-Nội dung -->
<a href="javascript:popUp('//www.youtube.com/embed/U8kUxvRpz_o')" style="left:  0px; position: fixed; top: 15px;" title="ĐỒNG ĐỘI QUẢNG TRỊ 1972">
<embed src="http://icons.iconarchive.com/icons/iconshow/hardware/64/DVD-icon.png"></embed></a>

<!—End-Code-Nội dung -->

Giải thích: 
<a href="javascript:popUp('//www.youtube.com/embed/U8kUxvRpz_o')": Link với địa chỉ của web là Nội dung hiện thị bên trong hộp popUp.
http://icons.iconarchive.com/icons/iconshow/hardware/64/DVD-icon.png: Địa chỉ ảnh làm Nút.
.

0 nhận xét:

Đăng nhận xét

SLIDESHOW - ẢNH - VIDIO

                                                                                                           Xem tất cả Tại đây       

TÌM KIẾM NHANH NHẤT

 

Một số tiện ích cho blog

Code hỗ trợ bài đăng trong blog

Hiệu ứng đẹp trong blog



@ 2011All Rights Reserved.Template by Xml Blogger Templates
Thực hiện: Nguyễn Hữu Uyến *** Tp. Hà Nội, Việt Nam *** Liên hệ*** Email: nguyenhuuuyen@gmail.com