Heim > Web-Frontend > js-Tutorial > Welche Effekte kann Javascript erzielen?

Welche Effekte kann Javascript erzielen?

醉折花枝作酒筹
Freigeben: 2023-01-07 11:44:39
Original
9489 Leute haben es durchsucht

Javascript kann Karussellbilder, Formularvalidierung, Popup-Boxen auf der Seite, mehrstufige Registerkarten, Animationen auf der Webseite, schwebende Werbung, wackelnde Bilder, fünfzackige Sterne zum Erreichen von Bewertungen und keine Ereignisse auf der Seite implementieren innerhalb einer bestimmten Zeitspanne wird der Effekt ausgeschaltet.

Welche Effekte kann Javascript erzielen?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Da es sich um eine Technologie handelt, die in der Front-End-Entwicklung erlernt werden muss, muss sie doch sehr nützlich sein, oder? Ja, es gibt so viele Dinge, die js tun kann. Da js das DOM leicht manipulieren kann, kann es verschiedene Auswirkungen auf den Client haben. Welche Effekte werden also durch js erzielt? Hier sind einige häufige Effekte, auf die sich Anfänger beziehen können, damit neue Schüler eine Vorstellung davon bekommen, was js tut. Solange Sie den Umgang mit der JavaScript-Sprache erlernen, können Sie problemlos die folgenden Effekte erzielen.

1. Karussellbild: Das Karussellbild ist normalerweise ein Ort zum Wechseln von Bildern in der Mitte der Website, wie in der Abbildung unten dargestellt.

Welche Effekte kann Javascript erzielen?

Der Effekt, Bilder einzeln zu verschieben. Das Prinzip ist eigentlich sehr einfach: Die Box, in der das Bild in der Mitte angezeigt wird, kann nur die Anzeige eines Bildes aufnehmen. Tatsächlich ist die Höhe in dieser Box so hoch wie die Anzeigebox, aber die Breite ist viel größer Die Anzeigebox enthält mehrere Bilder, die von links nach rechts nebeneinander angeordnet sind. Bei der Anzeige müssen Sie nur die belichtete Position dieser langen Box ändern. Wie unten gezeigt.

Welche Effekte kann Javascript erzielen?

So erzielen Sie diesen Effekt mit js: Nachdem das CSS-Layout erstellt wurde, um eine so kleine Box zu erstellen, die in einer großen Box verschachtelt ist, kann der Effekt des Durchsickerns eines Bildes mithilfe der CSS-Positionierungstechnologie erzielt werden Die Aufgabe besteht darin, den Positionierungswert dynamisch zu ändern.

2. Formularüberprüfung: Das Formular ist der Teil, den Sie bei der Registrierung und Anmeldung bei Ihrem Konto ausfüllen müssen. Wenn beispielsweise bei der Registrierung das zweimal eingegebene Passwort inkonsistent ist, wird sofort eine rote Eingabeaufforderung angezeigt. Dies ist der von js erzeugte Effekt.

Welche Effekte kann Javascript erzielen?

3. Popup-Felder auf der Seite: Beispielsweise werden die Warnungen und Aufforderungsmeldungen, die auf der Seite angezeigt werden, alle von js erstellt.

4. Registerkarten mit mehreren Ebenen: Genau wie bei den Produktkategorien von Taobao wird eine Kategorie angezeigt, wenn die Maus darauf platziert wird, und eine Kategorie kann aus dieser Kategorie auch durch js geteilt werden.

Es gibt viele andere von js erstellte Effekte, wie z. B. Animationen auf Webseiten, flatternde Werbung, zitternde Bilder, fünfzackige Sterne zur Erzielung von Bewertungseffekten, das Schließen der Seite, wenn innerhalb eines bestimmten Zeitraums kein Ereignis auftritt usw . Ich werde sie hier nicht alle auflisten. Wenn Sie js lernen, können Sie diese Effekte leicht erstellen.

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonWelche Effekte kann Javascript erzielen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage