Ich weiß, dass Sie eine <div>
mit jQuery ausblenden können, aber ich frage mich, ob es möglich ist, einen Rahmen für ein <div>
auszublenden?
Also ich habe mein <div>
:
Und ich möchte nur einige, wie diese Grenze nach 5 Sekunden ausbleichen.
update
Wer dies noch tun möchte, kann das mit CSS3-Übergängen tun.
Vergewissern Sie sich, dass die unterstützte Browser-Funktion aktiviert ist: Ссылка
Beispiel
%Vor% Eine echte Fade-Out-Animation würde es erforderlich machen, den Alpha-Kanal zu verwenden.
Die Verwendung von rgba()
in AFAIK jQuery UI ist sehr fehlerhaft, daher können wir die Eigenschaft step
verwenden, um die Deckkraft des Rahmens wie folgt zu ändern:
Ich habe einen schwarzen Rahmen verwendet, damit Sie den Effekt bemerken, aber Sie können ihn in die gewünschte Farbe ändern, zum Beispiel rgba(221,221,221,'+this.alpha+')');
für #DDD
Arbeitsbeispiel: Ссылка
Prost!
BTW, keine Plugins für diesen Ansatz benötigt ...
Ich fürchte, es gibt keine saubere 100% ige Arbeitsweise.
dashed
oder dotted
border, es wird nicht so einfach sein. Wenn Sie nicht etwas Fantastischeres vorhaben als einen einfachen Rahmen, schlage ich vor, jQuery zu verwenden, um die 2-divs-Lösung zu generieren, und dann das äußere (Rahmen-) div auszublenden. Wie Joes Antwort über mir.
Die folgende Lösung sollte alle von Ihnen angegebenen Kriterien erfüllen:
Warten Sie 5000 ms (5 Sek.) und animieren Sie dann ein Ausblenden des Rahmens, der 500 ms (0,5 Sek.) dauert.
%Vor%Arbeitsbeispiel: Ссылка
Da die obige Lösung nicht in der Lage ist, die borderWidth-Fade mit einigen Browsern zu animieren, wäre die einzige andere Art, wie ich mit jQuery das erreichen könnte, was Sie wollen, setTimeout ():
%Vor%Arbeitsbeispiel: Ссылка
Tags und Links javascript jquery css animation