Менять по кругу прозрачность элементов в 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 снова менялся стиль. (ну и так по кругу) то есть хотелсь бы указать три два условия - какой стиль выставить первому элементу ну и потом условие сброса ... |
<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>
Пример решения задачи |
спасибо! оно.
|
| Часовой пояс GMT +3, время: 13:31. |