<div class='tc_overlay'> <div id='Tb-Huydz'> <a class='close' href='#'>x</a> <h3>Xin Thông Báo</h3> <p style='text-align:center;'>Text text text text<br/><center> <a href='/' target='_blank'>Text text text text</a></center></p> </div> </div> <style> #Tb-Huydz .close{ float: right; font-size: 20px; font-weight: bold; line-height: 20px; right: 10px; top: 5px; color: #000; position: absolute; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } #Tb-Huydz .close:hover, #Tb-Huydz .close:focus{ color:#000; text-decoration:none; cursor:pointer; opacity:0.4; filter:alpha(opacity=40);} #Tb-Huydz{ box-shadow: 0 0 12px rgba(0,0,0,0.1);position: fixed; width: 420px; background: white; top: 45%; z-index: 9999999999; left: 42%; margin-top: -120px; margin-left: -120px; padding: 25px 35px; border-radius: 10px; } #Tb-Huydz h3{margin-bottom: 5px; background: #f9f9f9; text-align: center; border: 1px solid #ddd; border-radius: 25px;} #Tb-Huydz p{margin: 10px 0; text-align: justify; font-size: 15px;} #Tb-Huydz center a { background: #000; color: #fff; padding: 5px 10px 6px; }</style> <script> $(document).ready(function() { $(".tc_overlay").toggleClass("tc_overlay"), $("#pop-toggle").click(function() { $("#Tb-Huydz").toggle(), $(".tc_overlay").toggleClass("tc_overlay") }), $(".close").click(function() { $("#Tb-Huydz").toggle(), $(".tc_overlay").toggleClass("tc_overlay") }) $('#Tb-Huydz').hide().show('slow').delay(10000).hide('slow'); }); </script>