Друзья. Я в js пока не очень. Нашел всплывающее коно
http://designhuntr.com/create-simple...y-modal-popup/
<h1>Light Weight Popup Modal Box With jQuery | Demo</h1>
<button id="popup_window" data-popup-target="#example-popup">Open The Light Weight Popup Modal</button>
<div id="example-popup" class="popup">
<div class="popup-body"> <span class="popup-exit"></span>
<div class="popup-content">
<h2 class="popup-title">Simple lightweight popup [Hit Esc to Stop]</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ullamcorper nulla et gravida interdum. Quisque dignissim a turpis at posuere. Praesent cursus turpis magna, quis pulvinar est vehicula</p>
</div>
</div>
</div>
При нажатии на кнопку всплывает окно. А как мне сделать что бы это окно всплывало при загрузке страницы?
$(window).load(function(){
jQuery(document).ready(function ($) {
$('[data-popup-target]').click(function () {
$('html').addClass('overlay');
var activePopup = $(this).attr('data-popup-target');
$(activePopup).addClass('visible');
});
$(document).keyup(function (e) {
if (e.keyCode == 27 && $('html').hasClass('overlay')) {
clearPopup();
}
});
$('.popup-exit').click(function () {
clearPopup();
});
$('.popup-overlay').click(function () {
clearPopup();
});
function clearPopup() {
$('.popup.visible').addClass('transitioning').removeClass('visible');
$('html').removeClass('overlay');
setTimeout(function () {
$('.popup').removeClass('transitioning');
}, 200);
}
});
});