Форум

ufaclub · #1 (**permalink**) 11.09.2014, 00:58

<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 снова менялся стиль. (ну и так по кругу)

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

Vlasenko Fedor · #2 (**permalink**) 11.09.2014, 01: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 · #3 (**permalink**) 11.09.2014, 02:11

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

Форум

Справочник

Discord чат

Курсы javascript