Цикл через список онлайн урок.


Этот код будет проходить через неупорядоченный список с идентификатором «списка циклов». Может использоваться на любом элементе с детьми. Замените «ul # cyclelist li» на элементы, которые вы хотите прокрутить.

$(document).ready(function() {

var j = 0;
var delay = 2000; //millisecond delay between cycles
function cycleThru(){
var jmax = $("ul#cyclelist li").length -1;
$("ul#cyclelist li:eq(" + j + ")")
.animate({"opacity" : "1"} ,400)
.animate({"opacity" : "1"}, delay)
.animate({"opacity" : "0"}, 400, function(){
(j == jmax) ? j=0 : j++;
cycleThru();
});
};

cycleThru();

});

ul#cyclelist {width:200px;border:solid;position:relative;overflow:hidden;height:200px}
ul#cyclelist li {font-size:1.4em;padding:20px;opacity:0;position:absolute}