Skip to content

Instantly share code, notes, and snippets.

@Web-doc
Web-doc / jQuery heightDetect()
Last active December 25, 2016 04:56
Высота блока принимается равной высоте окна браузера
function heightDetect()
{
$('.main_head').css('height', $(window).height());
}
heightDetect();
$(window).resize(heightDetect());
<header class="main_head main_color_bg parallax-window" data-parallax="scroll" data-image-src="/img/bg.jpg">
</header>
@Web-doc
Web-doc / index.html
Last active April 14, 2017 12:05
jQuery Page Preloader
<div id="preloader"></div>
$(".toggle_mnu, .menu_item").click(function() {
$("#sandwich").toggleClass("active");
if($(".top_mnu").is(":visible")) {
$(".top_mnu").fadeOut(600);
$(".top_mnu li a").removeClass("fadeInUp animated");
} else {
$(".top_mnu").fadeIn(600);
$(".top_mnu li a").addClass("fadeInUp animated")
setTimeout(function() {
$('#preloader').fadeOut('slow', function() {});
}, 150);
<div id="preloader"></div>
#preloader
position: fixed
left: 0
top: 0
$("#portfolio_grid").mixItUp();
<div class="filter_div controls">
<ul>
<li class="filter active" data-filter="all">Все</li>
<li class="filter" data-filter=".category_1">Сайты</li>
<li class="filter" data-filter=".category_2">Айдентика</li>
<li class="filter" data-filter=".category_3">Логотипы</li>
</ul>
</div>
<div id="portfolio_grid">
@Web-doc
Web-doc / jQuery slipHover
Created January 28, 2016 07:47
Анимация для события hover
$(".top_mnu ul").sliphover({
target: "li",
backgroundColor: 'rgba(255,255,255,.05)',
fontColor: "#FF6347"
});
#preloader
position: fixed
left: 0
top: 0
z-index: 999
width: 100%
height: 100%
overflow: visible
background: #fff url('../images/preloader.gif') no-repeat center center