Heim > Web-Frontend > js-Tutorial > Hauptteil

So ändern Sie die Hintergrundfarbe von Webseiten über CSS in JQuery

黄舟
Freigeben: 2017-07-22 09:24:39
Original
1560 Leute haben es durchsucht

Beim Durchsuchen einiger Websites, insbesondere einiger neuartiger Websites, gibt es eine Möglichkeit, die Hintergrundfarbe der Seite zu ändern. Dies kann mit jquery erfolgen.

Wir durchsuchen einige Websites, insbesondere einige neuartige Websites. Manchmal gibt es eine Möglichkeit, die Hintergrundfarbe der Seite zu ändern. Diese Funktion lässt sich einfach mit jquery implementieren.

Rendering:
So ändern Sie die Hintergrundfarbe von Webseiten über CSS in JQuery
Code anzeigen:

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>jquery test</title> 
<script src="jquery-1.11.1.min.js"></script> 
</head> 

<body> 
<button style="background-color:white" value="white">white</button> 
<button style="background-color:red" value="red">red</button> 
<button style="background-color:green" value="green">green</button> 
<button style="background-color:yellow" value="yellow">yellow</button> 
<p class="show"> 
</p> 
<script> 
$("button").click( 
function() 
{ 
var color = this.value; 
$("body").css("background-color",color); 
} 
) 
</script> 
</html>
Nach dem Login kopieren


Wir wählen zunächst das Objekt, das wir bedienen möchten, anhand des Elementnamens aus : button , verwenden Sie dann die Click-Methode, um die angeklickte Schaltfläche zu finden, erhalten Sie dann den entsprechenden Farbwert der Schaltfläche im ausgelösten Ereignis und übergeben Sie dann den Farbwert als Attributwert der Hintergrundfarbe über die Methode css().

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Hintergrundfarbe von Webseiten über CSS in JQuery. 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