JavaScript mới nhất: Popup http://www.javascriptbank.com/rss/browser/popup/ JavaScript mới nhất: Popup vi Copyright (C) JavaScriptBank.com 60 jsB@nk.com RSS Hiệu ứng popup nội mờ ảo với CSS3 <img src="http://www.javascriptbank.com/javascript.images/browser/simple-awesome-inline-modal-box-with-css3.jpg" width="100" height="100" align="left" style="margin: 5px;" />Tương tự như các hiệu ứng tạo popup nội đã từng giới thiệu trên jsB@nk: - <a href="http://www.javascriptbank.com/greybox-cool-html-javascript-ajax-flash-window-popup.html">GreyBox: Công cụ tạo cửa sổ popup tuyệt đẹp</a> - <a href="http://www.javascriptbank.com/div-layer-popup-onclick.html">Cửa sổ popup tự động trượt</a> - <a href="http://www.javascriptbank.com/inner-popup-with-cookie.html">Popup nội với cookie</a> - <a href="http://www.javascriptbank.com/always-on-top-popup.html">Popup luôn ở phía trên</a> Nhưng hiệu ứng này lại đơn giản hơn rất nhiều với chỉ vài dòng mã lệnh JavaScript. Rất phù hợp nếu bạn chỉ cần một popup đơn giản và làm việc hiệu quả. http://www.javascriptbank.com/simple-awesome-inline-modal-box-with-css3.html 1300862397 Cửa sổ popup tự động trượt <img src="http://www.javascriptbank.com/javascript.images/browser/div-layer-popup-onclick.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đoạn mã JavaScript này sẽ tạo một <a href="/javascript/browser/window/">cửa sổ</a> <a href="/javascript/browser/popup/">popup</a> ngay bên trong trang web bằng cách sử dụng một layer có thể tự động trượt theo các <a href="/javascript/browser/scrollbar/">thanh cuộn</a> của <a href="/javascript/browser/">trình duyệt</a>. http://www.javascriptbank.com/div-layer-popup-onclick.html 1198974906 Popup nội với cookie <img src="http://www.javascriptbank.com/javascript.images/browser/inner-popup-with-cookie.jpg" width="100" height="100" align="left" style="margin: 5px;" />Với <a href="/javascript/">đoạn mã JavaScript</a> này, bạn có thể làm cho một vùng nào đó xuất hiện lên trên so với các nội dung khác của trang web, trông giống như một <a href="/javascript/browser/window/">cửa sổ</a> popup. Cửa sổ <a href="/javascript/browser/popup/">popup</a> này luôn <a href="/vi+title=di chuyển">di chuyển</a> theo <a href="/javascript/browser/scrollbar/">thanh trượt</a> và chỉ xuất hiện một lần duy nhất, dựa vào cookie. <b>Lưu ý:</b> nội dung của pop được lưu trong biến <code>div_iPop</code>. http://www.javascriptbank.com/inner-popup-with-cookie.html 1197765295 Popup luôn ở phía trên <img src="http://www.javascriptbank.com/javascript.images/browser/always-on-top-popup.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đoạn mã này sẽ tạo một layer luôn xuất hiện phía trên, <i>Always on Top</i>, so với các phần nội dung khác của trang web. Bên cạnh đó, layer này được trang trí trông giống một <a href="/javascript/browser/window/">cửa sổ</a> thông thường và layer này có khả năng trượt theo <a href="/javascript/browser/scrollbar/">thanh trượt</a> của trang web. http://www.javascriptbank.com/always-on-top-popup.html 1189730052 Mở cửa sổ popup với kích thước riêng <img src="http://www.javascriptbank.com/javascript.images/browser/sizable-popup-links.jpg" width="100" height="100" align="left" style="margin: 5px;" />Đoạn mã giúp bạn tạo các sửa sổ <a href="/javascript/browser/popup/">popup</a> trên trang web với các thông số về kích thước và các thanh <a href="/javascript/utility/">công cụ</a> có giá trị khác nhau tùy theo mỗi <a href="/javascript/link/">liên kết</a>. http://www.javascriptbank.com/sizable-popup-links.html 1170117102 Cửa sổ popup giữa màn hình <img src="http://www.javascriptbank.com/javascript.images/browser/centered-popup.jpg" width="100" height="100" align="left" style="margin: 5px;" />Một <a href="/javascript/">đoạn mã JavaScript</a> khác để bạn tạo các <a href="/javascript/browser/window/">cửa sổ</a> <a href="/javascript/browser/popup/">popup</a> xuất hiện ở giữa màn hình. http://www.javascriptbank.com/centered-popup.html 1170117100 Cửa sổ popup tự động <img src="http://www.javascriptbank.com/javascript.images/browser/auto-popup-window.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng tạo một <a href="/javascript/browser/window/">cửa sổ</a> <a href="/javascript/browser/popup/">popup</a> tự động mở và đóng sau một khoảng <a href="/javascript/time/">thời gian</a> qui định nào đó. Trong <a href="/javascript/">hiệu ứng JavaScript</a> này là 3 và 5 giây. http://www.javascriptbank.com/auto-popup-window.html 1170116377 Mở trang web với kích thước tùy chọn <img src="http://www.javascriptbank.com/javascript.images/browser/window-resize-jeff-manning.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng sẽ mở một trang web với đường dẫn và kích thước do người dùng nhập vào. http://www.javascriptbank.com/window-resize-jeff-manning.html 1170115401 Mở trang mới với sự kiện onClick <img src="http://www.javascriptbank.com/javascript.images/browser/open-new-window-with-onclick-event.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hiệu ứng có thể dùng để mở một <a href="/javascript/browser/window/"><a href="/javascript/browser/window/">cửa sổ</a> <a href="/javascript/browser/">trình duyệt</a></a> mới thông qua <a href="/javascript/form/button/">nút nhấn</a> hoặc <a href="/javascript/link/">liên kết</a>. http://www.javascriptbank.com/open-new-window-with-onclick-event.html 1170115395