Lướt qua một danh sách - Thủ thuật CSS

Mã này sẽ xoay vòng qua một danh sách không có thứ tự với ID là 'cyclelist'. Có thể được sử dụng trên bất kỳ phần tử nào có trẻ em. Thay thế “ul # cyclelist li” bằng các phần tử bạn muốn chuyển qua.

$(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)