<div class="module module_center module_grey js-scroll js-scroll-inited"> ... </div>module {
width: 100%;
box-sizing: border-box;
padding: 10px;
}
module_grey {
background: #ccc;
}
module_center {
text-align: center;
}<!-- preloader -->
<style type="text/css">
.preloader_bg { position: fixed; background: rgba(15,15,15,1); width: 100%; height: 100%; top: 0; left: 0; z-index: 200; }
.preloader_content { position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 201; font-size: 14px; }
.preloader_content span { display: block; margin: auto; text-align: center; text-transform: uppercase; color: rgba(225,225,225,1);}
</style>
<script type="text/javascript">
$(function(){
$('.preloader_bg, .preloader_content').fadeIn(0);
$(window).load(function(){
$('.preloader_bg').delay(250).fadeOut(1500);
$('.preloader_content').delay(250).fadeOut(750);
});
});
</script>
<div class="preloader_bg"></div>
<div class="preloader_content">
<span>Идет загрузка...<br>Подождите...</span>
</div>
<noscript>
<style>
html, body { opacity: 1 !important; }
.preloader_bg, .preloader_content { display: none !important; }
</style>
</noscript>
<!-- /preloader -->
$('.hover').mouseover(function(){ //Понимаете, что обработчик mousemove стартанет только когда вы наведете на элемент.
var $el = $(this);
$(document).mousemove(function(e){
var X = e.pageX; // положения по оси X
var Y = e.pageY; // положения по оси Y
if(
!(//Уберете эту строчку и закрывающую скобку не забудьте, то условие инвертируется.
Y > $el.offset().top &&
Y < $el.offset().top+$el.height() &&
X > $el.offset().left &&
X < $el.offset().left+$el.width()
)
){
//Код который будет выполнятся, когда курсор вне блока
console.log('Курсор вне блока');
}
});
});
// все экраны с минимальной шириной 960px и больше
@media (min-width: 960px) {
// Тут условия для этого размера экрана
.wrap {
width: 960px;
}
}
// все экраны с минимальной шириной 768px и до 959px
@media (min-width: 768px) and (max-width: 959px) {
// Тут условия для этого размера экрана
.wrap {
width: 768px;
}
}<meta name="viewport" content="width=device-width, initial-scale=1.0">
$("#carousel").featureCarousel({
movedToCenter: function($feature) {
// $feature - это JQuery объект, обертывающий HTML-элемент текущего слайда
alert('Код текущего слайда: ' + $feature.html());
}
});
