<a class="dark" >Dark</a>body {
transition: background .3s;
}
.hover-class {
background: #31708f;
}$('.dark').hover(function() {
$('body').toggleClass('hover-class');
});
вероятно вы хотели сделать чтото типа такого:
$('.box').each(function() {
var thisLength = $(this).text().length; // <- в этом месте
console.log(thisLength);
});
var thisLength = $('.box').length[object set] { }function getRandomSet(lo, hi, n) {
var res = new Set();
while (res.size < n) res.add(Math.floor(Math.random() * (hi - lo + 1)) + lo);
return res;
};
var result = getRandomSet(0, 9, 5);
console.log(typeof(result)); // object
result = parseInt(result);
console.log(typeof(result)); // number
console.log(result); // NaNtest();function test() {
var sum = 10;
var res = function() {
console.log(sum);
}
return res;
};
test();$('#button').on('click', test);
"Что вам мешает сделать блоки абсолютом и разместить все друг над другом и скрывать их по очереди в зависимости от блока или скрола? " - у меня в этих блоках будет контент, будет абсолютно спозиционированное меню. Я не хотел делать таким образом, думая, что всё таки есть какой-то скрипт, или возможность, как в slick.js. Именно манипулировать заменой url у background-image. Так-то можно добавить нсколько изображений и менять им opacity, translateZ, z-index, и я оставил это на самый последний момент, когда уже точно не найду способов реализовать это желаемым образом. То же самое и про несколько классов с прописанным url и @keyframes.
"можно плавность и для background-image задать " - увы, нет. Применяется только к тем элементам, у которых есть какие-то единицы измерения, например : background-width, background-color. Я же меняю url - и здесь нельзя применить transition.