Maison > interface Web > js tutoriel > le corps du texte

Comment modifier la couleur d'arrière-plan des pages Web via CSS dans jquery

黄舟
Libérer: 2017-07-22 09:24:39
original
1560 Les gens l'ont consulté

Lors de la navigation sur certains sites Web, en particulier certains sites Web nouveaux, il y aura un endroit pour changer la couleur d'arrière-plan de la page. Cela peut être fait avec jquery

Nous parcourons certains sites Web, en particulier certains sites Web nouveaux. Parfois, il y aura un endroit pour modifier la couleur d'arrière-plan de la page. Cette fonction est facile à implémenter en utilisant jquery.

Rendu :
Comment modifier la couleur d'arrière-plan des pages Web via CSS dans jquery
montrer le code :

<!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>
Copier après la connexion


Nous sélectionnons d'abord l'objet que nous voulons utiliser en fonction du nom de l'élément : bouton , puis utilisez la méthode click pour rechercher le bouton cliqué, puis obtenez la valeur de couleur correspondante du bouton dans l'événement déclenché, puis transmettez la valeur de couleur comme valeur d'attribut de couleur d'arrière-plan via la méthode css().

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal