html,body{min-height: 100%; height: 100%;}
.b-page{
position: relative;
padding-bottom: 135px;
min-height: 100%;
}
.b-page__footer{
position: absolute;
bottom: 0;
width: 100%;
}
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
.drop_block{
display: none;
}
var click_open = $('.click_open'),
drop_block = $('.drop_block');
click_open.click(function(){
var _this = $(this),
_thisDrop = _this.next(drop_block);
if(!_thisDrop.hasClass('open')){
drop_block.slideUp(300);
_thisDrop.addClass('open').slideDown(300);
} else{
drop_block.slideUp(300);
_thisDrop.removeClass('open');
}
});
$(window).scroll(function(){
$('.block').css({
property1: 'value1',
property2: 'value2'
});
});
<header>
<!-- ... -->
</header>
header{
position: relative;
// ...
}
header:before,header:after{
content: '';
width: **px;
height: **px;
position: absolute;
top: 0;
}
header:before{
left: 0;
background-image: url(...);
}
header:after{
right: 0;
background-image: url(...);
}
$.ajax({
url: '/path/to/file',
type: 'default GET (Other values: POST)',
dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)',
data: {param1: 'value1'},
});