Maison > Article > interface Web > Code de sélection de couleur d'arrière-plan radio simple implémenté dans les compétences js_javascript

Code de sélection de couleur d'arrière-plan radio simple implémenté dans les compétences js_javascript

WBOYoriginal: 2016-05-16 15:44:311273parcourir

L'exemple de cet article décrit un simple sélecteur de couleur d'arrière-plan radio implémenté en js. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Le js présenté ici implémente le sélecteur de couleur d'arrière-plan de la page Web radio. Cliquez simplement sur le bouton radio de la couleur correspondante pour changer la couleur d'arrière-plan de la page Web. Il s'agit d'un effet spécial de page Web javaScript simple, pratique et pratique. .

L'effet de l'opération est comme indiqué ci-dessous :

L'adresse de la démo en ligne est la suivante :

http://demo.jb51.net/js/2015/js-radio-cha-bgcolor-codes/

Le code spécifique est le suivant :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>radio颜色选择器</title>
<body>
<FORM METHOD="POST" NAME="bgcolor">
<font color="silver">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='silver'"><BR>
<font color="lightslategray">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='lightslategray'"><BR>
<font color="azure">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='azure'"><BR>
<font color="lightgreen">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='lightgreen'"><BR>
<font color="lightblue">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='lightblue'"><BR>
<font color="white">click here</font><input type="radio" name="bgcolor" ONCLICK="document.bgColor='white'"><BR>
</form>
</body>
</html>

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

Déclaration：

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

Article précédent：js implémente Sélectionner la sélection d'avatar Aperçu en temps réel Compétences code_javascriptArticle suivant：js implémente Sélectionner la sélection d'avatar Aperçu en temps réel Compétences code_javascript

Articles Liés

Voir plus