Например, вот так:
<html> <head> <title>Hello, world!</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="jquery.bpopup.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ setTimeout(function(){ $('#element_to_pop_up').bPopup(); }, 3000); }); </script> <style> #element_to_pop_up { background-color:#fff; border-radius:15px; color:#000; display:none; padding:20px; min-width:400px; min-height: 180px; } .b-close{ cursor:pointer; position:absolute; right:10px; top:5px; } </style> </head> <body> <div id="element_to_pop_up"> <a class="b-close">x<a/> Hello, world! </div> </body> </html>
P.S. Метод delay() указанный мною в предыдущем примере на практике не работает с .bPopup(), поэтому вместо него используем setTimeout. И не забудьте скачать библиотеку jquery.bpopup.min.js
В ячейку B1
Модифицируем и вбиваем в <head>
аналогично
.delay(3000) - время задержки (после загрузки всех элементов страницы) в миллисекундах.