Heim >Web-Frontend >js-Tutorial >JavaScript-Code, um Elemente einzeln auszublenden
Dieses Mal bringe ich Ihnen den JavaScript-Code zum Ausblenden von Elementen nacheinander, unter Verwendung von JavaScriptCodeWas sind die Vorsichtsmaßnahmen, um Elemente einzeln auszublenden? Das Folgende ist ein praktischer Fall, schauen wir uns das an.
Das folgende jQuery-Plug-in kann eine Gruppe von Elementen nacheinander entsprechend der von Ihnen festgelegten Schrittgröße (Intervallzeit) ausblenden. Beim Nachladen von Listenelementen lassen sich gute Ergebnisse erzielen.
$.fn.fadeAll = function (ops) { var o = $.extend({ delay: 500, // delay between elements speed: 500, // animation speed ease: 'swing' // other require easing plugin }, ops); var $el = this; for (var i=0, d=0, l=$el.length; i<l; i++, d+=o.delay) { $el.eq(i).delay(d).fadeIn(o.speed, o.ease); } return $el; }
Verwendung:
$(elements).fadeAll({ delay: 300, speed: 300 });
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie auf der chinesischen PHP-Website andere verwandte Artikel!
Empfohlene Lektüre:
JavaScript-Code zum Animieren von Text
JavaScript-Code-Snippet, um festzustellen, ob ein Datum gültig ist
Das obige ist der detaillierte Inhalt vonJavaScript-Code, um Elemente einzeln auszublenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!