Ứng dụng này thường được dùng làm thông báo,quảng cáo trên trang chủ hoặc form khảo sát, nhóm like page facebook,...

<style>
 #popupcontent {
margin: 10px;
    padding:10px;
    width:355px;
position: fixed;
left: 30px;
bottom: 30px;
box-shadow: 10px 15px 20px 0px;
background:#D7D4F0;
    text-align:justify;
    }
</style>
 
    <div id="popup">
        <script type='text/javascript'>
            //<![CDATA[
            var content = 'bạn có thể viết code HTML vào đây để hộp thông báo thêm sinh động <br/> Ứng dụng này thường được dùng làm thông báo,quảng cáo trên trang chủ hoặc form khảo sát, nhóm like page facebook,...';
            if (document.cookie.indexOf("cookie-note-0") == -1 )
{
var ducumentwrite = '';
                ducumentwrite += '<div id="popupcontent">' + content + '</div>';
                document.getElementById('popup').innerHTML = ducumentwrite;
                document.cookie = "cookie-note-0"
            };
            //]] >
        </script>
    </div>

cookie demo này có giá trị là "cookie-note-0", bạn xem lại trang này sẽ không thể thấy demo này hiển thị lần nữa, muốn xem lại hiển thì thì bạn xóa cookie trang này trên trình duyệt của bạn rồi nhấn F5. Hoặc khi thiết kế và kiểm thử giao diện hộp thông báo, bạn đổi tên cookie-note-0 ở trên và dưới khác nhau hoặc xem demo trong chế độ nặc danh để hộp thông báo luôn hiển thị vì không được lưu lại.

bendoi.vn