Нужно сделать так чтобы тайловое изображение внутри блока перемещалось бесконечно.
$(document).ready(function () {
$('#intro').animate({backgroundPositionX: 'эта величина должна увеличивать бесконечно'}, 40000,'linear');
})
У animate есть callback, можно использовать его как-то так. Использую для наглядности свойство margin-left
$(function() {
Animation ();
})
function Animation () {
$('#intro').animate({marginLeft: parseInt($('#intro').css("marginLeft"))+1+"px"}, 10,'linear', Animation);
}
#intro {
border: 2px solid red;
width: 20px;
height: 20px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="intro"></div>
Вроде как jQuery не поддерживает анимацию backgroundPosition. Может в новых версиях уже работает... Я использую jQuery Background Position: http://keith-wood.name/backgroundPos.html Можно сделать что-то вроде такого:
$(#intro).animate({backgroundPosition: '+=1% +=1%'}, 40000);
Выставите большее время, тогда будет «бесконечность». :-)
$(document).ready(function() {
var x = 0;
setInterval(function() {
$('#intro').animate({
backgroundPositionX: x + 'px'
}, 100, 'linear');
x++;
}, 400);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Виртуальный выделенный сервер (VDS) становится отличным выбором
Не могу понять почему не открывается, окно при нажатии на маркер
Есть текстовый файл, в нём хранятся данные в таком формате:
В корневом компоненте app-component расположен header с несколькими ссылками для перехода по роутам, которые выводятся тут-же ниже в router-outletСтраницы,...
Модернизирую найденный кодВ оригинале клочья тумана проходят снизу вверх по canvas, и исчезают