एक सूची के माध्यम से साइकिल - सीएसएस-ट्रिक्स

यह कोड ed साइकलिस्ट ’की आईडी के साथ एक अनियंत्रित सूची के माध्यम से चक्र होगा। बच्चों के साथ किसी भी तत्व पर इस्तेमाल किया जा सकता है। "उल # साइकलिस्ट ली" को उन तत्वों से बदलें, जिनके माध्यम से आप साइकिल चलाना चाहते हैं।

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