Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Добавление второго стиля к элементу (https://javascript.ru/forum/jquery/73415-dobavlenie-vtorogo-stilya-k-ehlementu.html)

рони 14.04.2018 10:55

Retro_1477,
for (var i = 0; i < DUCK1_COUNT; i++) {
        var DUCK = $("<img src='img/004-duck.png' class='utka plav'>").insertAfter(".menu")
        .addClass('Krykvi1'+i);
        var transform = 'translate(' + getRandomIn(0, 1500) + 'px, ' + getRandomIn(0, 800) + 'px)'
         if (getRandomIn(3, 6) < 5) {
           transform += " scaleX(-1)"
            }
        DUCK.css('transform', transform);
  }

Retro_1477 14.04.2018 11:17

Спасибо большое!:thanks: :thanks: :thanks: :thanks: :thanks:

рони 14.04.2018 11:17

Retro_1477,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
function getRandomIn(a,b)
{
   return a + Math.random()*(b-a)|0
}

    var DUCK1_COUNT = 5;
for (var i = 0; i < DUCK1_COUNT; i++) {
        var DUCK = $("<img src='http://krasnodar.meatinfo.ru/data/tradeboard/116303/tradeboardUsKIoT_pre.jpg' class='utka plav'>").insertAfter(".menu")
        .addClass('Krykvi1'+i);
        var transform = 'translate(' + getRandomIn(0, 100) + 'px, ' + getRandomIn(0, 400) + 'px)'
         if (getRandomIn(3, 6) < 5) {
           transform += " scaleX(-1)"
            }
        DUCK.css('transform', transform);
  }

});
  </script>
</head>

<body>
<div class="menu"></div>

</body>
</html>

Retro_1477 14.04.2018 11:19

Всё работает))


Часовой пояс GMT +3, время: 07:18.