Экспорт:
Папки

/var_null/yaziki-programmirovaniya/javascript/jquery/plagini/vsplivayushhie-okna/popwindow
Не экспортировать закрытые директории
Преобразовывать заметки в html
Экспортировать
Удалить директорию
Применить
 Стили директорииДобавить заметку
Всплывающее окно с затемнением и размытым фоном jQuery
2016-05-18 17:02:31 Удалить Фон Изображение Импорт из текстового файла Редактировать Копировать в буфер
<style>

    .box_window{
     width:700px;
     display: none;
     position:fixed;
     top:15%;
     left:50%;
     margin-left:-350px;
     z-index:11;
     background: #fff;
     display:none;
     padding:20px;
    }
    .box_window_in {
     position: relative;
     overflow-y:auto;
    }
    .box_title {
     position: absolute;
     left: 0px;
     top: -30px;
     color: #fff;
    }
    .bw_close{
     position:absolute;
     top: -25px;
     font-size: 10px;
     color: #fff;
     right:0px;
     cursor:pointer;
     z-index: 2;
    }
    .mask{
     position:fixed;
     background:rgba(0, 0, 0, 0.5);
     display:none;
     height:100%;
     width: 100%;
     z-index:10;
    }
    .to_blur.blur {
     -webkit-filter: blur(5px);
     -moz-filter: blur(5px);
     -o-filter: blur(5px);
     -ms-filter: blur(5px);
     filter: blur(5px);
    }

</style>
    

<div style='display:none' class="popbutton" data-window="1" align='center' id="go_look_pop">
    
&nbsp;


</div>

<div id="1" class="popwindow" data-title="" data-height="150" style="padding-top:40px" >

    
    Window=)
    

</div>

<script>


$(document).ready(function(){

    setTimeout(function(){
    
        $('#go_look_pop').click();
        
    
    }, 3000);


});

(function($) {
$(function() {
var popwindow = $('.popwindow'); // К»°сс окн°
var popbutton = $('.popbutton'); // К»°сс кнопки
$("body").prepend("<div class='mask'></div>");
function preparewindow(windowobject) {
var winwidth = windowobject.data("width");
var winheight = windowobject.data("height");
var winmargin = winwidth / 2;
var wintitle = windowobject.data("title");

windowobject.wrap("<div class='box_window'></div>");
windowobject.addClass("box_window_in");
windowobject.parent(".box_window").prepend("<div class='bw_close'></div>");
windowobject.css("cursor","pointer");

windowobject.parent(".box_window").prepend("<div class='box_title'>"+wintitle+"</div>");
windowobject.parent(".box_window").css({'width':winwidth,'height':winheight,'margin-left':'-'+winmargin})
windowobject.css({'height':winheight})
}
if (popwindow.length) {
preparewindow(popwindow);
popbutton.click(function(){
var idwind = $(this).data("window");
$("#" + idwind).parent(".box_window").fadeIn().addClass("windactiv");
$(".mask").fadeIn();
$(".to_blur").addClass("blur");
});
};
$(".mask, .bw_close").click(function(){
$(".windactiv").fadeOut();
$(".windactiv").removeClass("windactiv");
$(".mask").fadeOut();
$(".to_blur").removeClass("blur");
});
});
})(jQuery)



</script>
Подробнее по ссылке: http://mexalim.com.ua/vsplyvayushhee-okno-s-zatemneniem-razmytym-fonom-jquery/2016-05-18 17:01:49 Удалить Фон Изображение Импорт из текстового файла Редактировать Копировать в буфер

Всплывающее окно с затемнением и размытым фоном jQuery

Участвуй в наполнении сайта, создай свое дерево знаний. Регистрация

@include_encode 2015