Показать сообщение отдельно
  #1 (permalink)  
Старый 24.07.2018, 08:18
Кандидат Javascript-наук
Отправить личное сообщение для Retro_1477 Посмотреть профиль Найти все сообщения от Retro_1477
 
Регистрация: 14.04.2018
Сообщений: 113

Перемещение элементов
Здравствуйте, у меня есть теги i которые создаёт скрипт. Нужно сделать так, чтобы эти иконки перемещались с левой части экрана до правой постоянно. При этом иконки начинают движение за экраном и заходят за экран, и если можно сделать перемещение сразу при загрузке.

<div class="field container-fluid"></div>


$(document).ready(function($) {
  var $BodyWidth, BodyHeight,
  instagram_count = 3;

  BodyHeight = $(".field").height(); //измерение высоты
  BodyWidth = $(".field").width();//измерение ширины

 //Спаун ИКОНОК
  for (var i = 0; i < instagram_count; i++) {
    var ICON = $("<i class='bg-icon'>Inst</i>").appendTo(".container-fluid") 
        .addClass('inst'+i);//присвоение индивидуального класса 
        ICON.css('top:0');
        var transform = 'translate( 0px, ' +  getRandom(BodyHeight)  + 'px)' 
        ICON.css('transform', transform);
  }

//Перемещение иконок
  setInterval (function(){
    for (var i = 0; i < instagram_count; i++){
    $('.inst'+i).css({ 
  'transform' : 'translate('+ getRandom(BodyWidth) +'px, '+ getRandom(BodyHeight) +'px)' //присваиваются новые координаты для перемещения
});
}
  }, 5000); 

});

//Функция для рандомного числа
function getRandom(upper) {
  return Math.random() * upper;
}
Ответить с цитированием