jQuery("nav > a").hSpy(
"section", {
classTargets : "active",
classTitles : "active",
spaces : false,
middleLine : 0,
bottomLine : 0,
axis : "y"
}
);
Fully responsive. Scales with its container.
Separate settings per breakpoint
Uses CSS3 when available. Fully functional when not.
Swipe enabled. Or disabled, if you prefer.
Desktop mouse dragging
Infinite looping.
Fully accessible with arrow key navigation
Add, remove, filter & unfilter slides
Autoplay, dots, arrows, callbacks, etc...
cloneNode
replaceChild
<div id="inp1"></div>
<div id="inp2"></div>
inp1.parentNode.insertBefore(inp1, inp2);
function replaceElements(elemOne, elemTwo){
var next = elemOne.nextElementSiblings,
parentOne = elemOne.parentNode,
parentTwo = elemTwo.parentNode
;
parentTwo.insertBefore(elemOne, elemTwo);
if(next){
parentOne.insertBefore(elemTwo, next);
}else{
parentOne.appendChild(elemTwo);
}
}
replaceElements(inp1, inp2);
var container = document.querySelector(".mainslider");
//or
console.log(container.childElementCount);
//or
console.log(container.children.length);
calc(100% / X);
<script>
var SERVER_TIME = <?php ... ?>; //Вот сюда
var REAL_TIME = <?php ... ?>; //А сюда международное времечко по гринвичу
var coef = SERVER_TIME - REAL_TIME; //Ну или сразу только coef
</script>
//С форматированием сами разберетесь
requestAnimationFrame(function b(){
document.body.textContent = Date.now() + coef;
requestAnimationFrame(b);
});
Подскажите как сделать клик не только до второго уровня меню но и далее?
$(".menu").on("click", ".class", function(){
....
});
в адаптивном видео должно по наведению.
jQuery("#start_menu").children().hSpy(
jQuery("body > section"), "current", false
);
$menu_items.hSpy(
$targets, class, bool
);
//$menu_items - jQuery объект элементов меню, которые будут выделяться
//$targets - jQuery объект "определенных разделов"
//class - активному пункту меню будет ставиться этот класс
//bool - если true, то когда на экране не видно не 1 раздела, то не выделено не 1 пункта меню Иначе - ближайший.