Hướng dẫn tạo popup thông báo đẹp dưới góc màn hình khi click
Hướng dẫn tạo popup thông báo đẹp dưới góc màn hình khi click
Giả sử bạn muốn khi khách truy cập Blog click vào mục nào đó sẽ hiện thông báo bằng đoạn văn bản dưới góc màn hình có thể là bên trái hay bên phải. Cách này mình thấy Google hay một số trang web lớn hay sử dụng với các Blog của họ. Mình thấy kiểu hiển thị này rất hay nên đã áp dụng vào Blog tiện đây cũng chia sẻ cách làm, nếu bạn thấy phù hợp thì thêm vào Blog của mình. Cách làm như sau: Vì hướng dẫn của mình toàn sử dụng bằng jquery cho đơn giản cho nên lúc nào Blog cũng phải có sẵn link jquery.js chèn trước thẻ đóng </head> Copy <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script> Đầu tiên các bạn đặt đoạn html sau ngay trước thẻ đóng </body> Copy <div class='modal'></div> Tiếp theo các bạn chèn đoạn script sau ngay phía trên đoạn html bạn vừa chèn Copy <script> //<![CDATA[ $(' .button ').click(function() { $('.modal').append('<div class="modal-dialog"><div clas…