Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Менять по кругу прозрачность элементов в div#start (https://javascript.ru/forum/jquery/50080-menyat-po-krugu-prozrachnost-ehlementov-v-div-start.html)

ufaclub 10.09.2014 23:58

Менять по кругу прозрачность элементов в div#start
 
<div id="start">
<div class="a1">текст 1</div>
<div class="a2">текст 2</div>
<div class="a3">текст 3</div>
</div>


http://jsfiddle.net/ufaclub/a2u0dcpe/

Нужно как то сделать на jq чтобы шел перебор по кругу

то есть менялся стиль css у текста в div#a1 потом шел сброс и менялся стиль у div#a2 потом снова сброс у div#a2 и у div#a3 снова менялся стиль. (ну и так по кругу)

то есть хотелсь бы указать три два условия - какой стиль выставить первому элементу ну и потом условие сброса ...

Poznakomlus 11.09.2014 00:59

<style>
  #start>div {
    display: inline-block;
    height: 50px;
    width: 150px;
    background-color: red;
  }
  #start>div.active {
    background-color: green;
  }
</style>
<body>
  <div id="start">
    <div class="a1">текст 1</div>
    <div class="a2">текст 2</div>
    <div class="a3">текст 3</div>
  </div>
  <script src='http://code.jquery.com/jquery-1.9.1.js'></script>
  <script>
    function next(arr) {
      var max = arr.length - 1,
        i = -1;
      return function () {
        i = i < max ? i + 1 : 0;
        return arr[i];
      };
    }
    jQuery(function () {
      var slider = next($('#start>div'));
      var curent;
      setInterval(function () {
        if (curent) $(curent).removeClass('active');
        curent = slider();
        $(curent).addClass('active');
      }, 1000);
    });
  </script>
</body>

Пример решения задачи

ufaclub 11.09.2014 01:11

спасибо! оно.


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