Heim JS-Spezialeffekte HTML5-Spezialeffekte HTML+CSS3-Code für animierte Wettersymbole

HTML+CSS3-Code für animierte Wettersymbole

HTML+CSS3-Code für animierte Wettersymbole

HTML+CSS3-Code für animierte Wettersymbole

Dies ist ein Suchfeldcode mit animierten Effekten, der durch jQuery CSS3 implementiert wird. Kreative Erweiterungs- und Kontraktionssuchfeldeffekte können heruntergeladen werden.

js-Code
<script type="text/javascript">
Funktion searchToggle(obj, evt){
var container = $(obj).closest('.search-wrapper');

if(!container.hasClass('active')){
container.addClass('active');
evt.preventDefault();
}
sonst if(container.hasClass('active') && $(obj).closest('.input-holder').length == 0){
container.removeClass('active');
// Eingabe löschen
container.find('.search-input').val('');
// Ergebniscontainer löschen und ausblenden, wenn wir auf „Schließen“ klicken
container.find('.result-container').fadeOut(100, function(){$(this).empty();});
}
}

Funktion subscribeFn(obj, evt){
value = $(obj).find('.search-input').val().trim();

_html = "Ja, ja! Ihr Suchtext klingt wie folgt: ";
if(!value.length){
_html = "Ja, ja! Füge einen SMS-Freund hinzu :D";
}
sonst{
_html = "<b>" value "</b>";
}

$(obj).find('.result-container').html('<span>' _html '</span>');
$(obj).find('.result-container').fadeIn(100);

evt.preventDefault();
}
</script>
Haftungsausschluss

Alle Ressourcen auf dieser Website werden von Internetnutzern bereitgestellt oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur als Referenz zum Lernen. Bitte nutzen Sie diese nicht für kommerzielle Zwecke. Andernfalls sind Sie für alle Folgen verantwortlich! Wenn ein Verstoß vorliegt, kontaktieren Sie uns bitte, um ihn zu löschen. Kontaktinformationen: admin@php.cn

Verwandter Artikel

Können HTML5 und CSS3 wirklich Kreise zeichnen? Können HTML5 und CSS3 wirklich Kreise zeichnen?

23 Nov 2024

Kreise mit HTML5 und CSS3 zeichnenDiese Frage untersucht die Möglichkeit, Kreise mit HTML5 und CSS3 zu zeichnen. Können HTML5 und CSS3 ... erstellen?

Wie kann man Videoquellen in HTML5 dynamisch ändern, ohne Probleme mit der Browserkompatibilität? Wie kann man Videoquellen in HTML5 dynamisch ändern, ohne Probleme mit der Browserkompatibilität?

23 Nov 2024

Videoquellen in HTML5 dynamisch ändernProblembeschreibungBeim Versuch, Videoquellen in einem HTML5-Tag dynamisch zu ändern...

Können CSS-Attributselektoren auf HTML5-Datenattribute wie „data-role' abzielen? Können CSS-Attributselektoren auf HTML5-Datenattribute wie „data-role' abzielen?

24 Dec 2024

CSS-Attributselektoren für HTML5-DatenattributeFrage: Können CSS-Attributselektoren verwendet werden, um Elemente basierend auf ihren HTML5-Daten anzusprechen...

Warum erzeugen CSS- und Elementattribute unterschiedliche HTML5-Canvas-Größen? Warum erzeugen CSS- und Elementattribute unterschiedliche HTML5-Canvas-Größen?

02 Dec 2024

Größe der HTML5-Canvas-Diskrepanz: CSS vs. ElementattributeBeim Festlegen der Größe eines HTML5-Canvas können unerwartete Ergebnisse auftreten ...

Wie kann ich das Drehfeld in HTML5-Zahleneingaben ausblenden? Wie kann ich das Drehfeld in HTML5-Zahleneingaben ausblenden?

25 Dec 2024

Ausblenden des HTML5-Zahleneingabe-Drehfelds Im Bereich der Webentwicklung bietet das HTML5-Zahleneingabeelement eine intuitive Möglichkeit, Zahlen zu sammeln...

Können HTML5-Datenlistenoptionen mit CSS formatiert werden? Können HTML5-Datenlistenoptionen mit CSS formatiert werden?

09 Dec 2024

Anpassung von CSS-Stilen in HTML5-DatenlistenoptionenDas Anpassen der Darstellung von Optionen in HTML5 mithilfe von CSS kann eine...

Wie kann ich HTML5-Datenlistenoptionen mit CSS formatieren? Wie kann ich HTML5-Datenlistenoptionen mit CSS formatieren?

09 Dec 2024

HTML5-Datenlistenoptionen gestalten: Ein Leitfaden für Entwickler Mit dem HTML5-Element können Sie vordefinierte Optionen für die Eingabe bereitstellen ...

Kann CSS HTML5-Datenlisten-Optionsstile anpassen? Kann CSS HTML5-Datenlisten-Optionsstile anpassen?

10 Dec 2024

Anpassen von CSS-Stilen für HTML5-Datenlistenoptionen: Erkundung der Einschränkungen In HTML5 dient das Datenlistenelement als Repository für Optionen ...

Wie verstecke ich Drehfelder in HTML5-Zahleneingaben? Wie verstecke ich Drehfelder in HTML5-Zahleneingaben?

20 Dec 2024

Ausblenden von Drehfeldern in der HTML5-ZahleneingabeIn der heutigen Webentwicklungslandschaft bietet der Zahleneingabetyp von HTML5 eine bequeme Möglichkeit, ... zu erfassen.

See all articles See all articles

Hot Tools

HTML5-Canvas-Herzflattern-Animations-Spezialeffekte

HTML5-Canvas-Herzflattern-Animations-Spezialeffekte

Der HTML5 Canvas-Spezialeffekt „Herzflattern-Animation“ ist eine generierte Animation, die direkt mit einem Browser geöffnet werden kann, um ein Herz zu sehen.

Quellcode des H5-Panda-Bounce-Spiels

Quellcode des H5-Panda-Bounce-Spiels

HTML5 Mobile Panda ist auch ein verrückter Spielquellcode. Spielbeschreibung: Halten Sie den Bildschirm gedrückt, um die Stärke der Panda-Feder anzupassen und zur Steinsäule zu springen. Das Spiel endet, wenn Sie in den Fluss fallen.

HTML5-Valentinstag-Box-Animations-Spezialeffekte

HTML5-Valentinstag-Box-Animations-Spezialeffekte

Zeichnen Sie basierend auf SVG Animationen zum Öffnen von Liebesbox-Geschenken am Valentinstag und Spezialeffekte für Liebesbox-Animationen.

Quellcode des H5 3D Rolling Ball-Spiels

Quellcode des H5 3D Rolling Ball-Spiels

HTML5 cooler 3D-Ball-Rolling-Handyspielcode herunterladen. Spieleinführung: Ein farbiger Ball rollt und die aktuelle Bahn des farbigen Balls wird durch Ziehen mit der Maus oder dem Touchscreen des Mobiltelefons gesteuert. Dies ist ein einfacher und leicht zu bedienender Quellcode für Mobilspiele.