Heim > Web-Frontend > js-Tutorial > Hauptteil

JavaScript-Methode zum Ändern des Webseitenhintergrunds und der Schriftartfarbe_Javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 16:16:18
Original
2419 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt, wie Sie mit JavaScript den Hintergrund und die Schriftfarbe einer Webseite ändern. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

JavaScript, ändern Sie die Farbe des Hintergrunds und der Schriftart der Webseite, indem Sie auf die Schaltfläche klicken. Es gibt N Schaltflächen, um die Farbe auf der Webseite zu ändern Farben. Ein sehr einfaches JavaScript-Applet.

1. Grundlegende Ziele

Beim Öffnen der Webseite wird die erste Begrüßungsnachricht „Hallo“ angezeigt

Es gibt N Schaltflächen, die die Farbe auf der Webseite ändern. Zurück ist die Standardfarbe für die Rückkehr zur Webseite. Der Hintergrund ist weiß und die Schriftart ist schwarz

Klicken Sie auf verschiedene Schaltflächen und die Schriftart und der Hintergrund der Webseite ändern sich in andere Farben.

Ursprünglich wollte ich einen Regenbogeneffekt machen, aber das Prinzip ist genau das gleiche, deshalb werde ich keine weiteren Knöpfe schreiben.

2. Grundideen

Der Schlüssel besteht darin, dem Body-Tag und den Schriftart-JS IDs bereitzustellen, damit diese in JS gesteuert werden können. Dieses Beispiel zeigt die Anwendung der js-Funktion.

3. Produktionsprozess

Nur ​​eine einfache kleine Seite, Einzelheiten finden Sie in den Notizen:

Code kopieren Der Code lautet wie folgt:
                                                                                                                    ​​​​           
                                                                                                                                                                                                                                                 ​​​​             durch                           value="orange" />                              value="gelb" />                                               …                                                                                                                                                                    value="return" />

La fonction onunload() n'est presque efficace que lorsque IE ferme cette page, et cette boîte de dialogue ne sera pas sur le front-end, et Google Chrome n'aura aucun effet. Cette fonction n’a donc pas beaucoup de sens.

Les amis intéressés par les techniques de manipulation des couleurs js peuvent également se référer aux outils en ligne :

Générateur de codage couleur RVB

Outil de correspondance des couleurs Web en ligne

Comparaison des requêtes de couleurs RVB table_color code table_complete Nom anglais des couleurs

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

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