Javascript Girl
  1. Javascript Girl
  3. Mots colorés aléatoires dans un H1
Intereting Posts
Remplacer les espaces par & nbsp; Déterminez le mode 'Overtype' en utilisant Javascript Comment appeler une fonction codebehind à partir de javascript dans asp.net? Comment modifier l'URL actuelle dans javascript? Three.js détecte le support web et le repli vers un canevas régulier Comment appeler des fonctions qui sont imbriquées dans un plugin JQuery? Regex saisit des cordes entre crochets Est-il possible de créer un caractère générique pour un nom d'attribut avec un attribut de caractère générique? Des instructions <script> synchrones? Qu'est-ce que le tri signifie dans les langues non alphabétiques (c'est-à-dire asiatiques)? Comment annuler Backbone.sync afin d'ajouter l'apikey et le nom d'utilisateur à la fin? Désactivation du menu contextuel du clic droit sur une toile HTML? JqGrid gridComplete: – getRowData – obtenez la valeur de la cellule de rangée à partir du tableau D3.js change le comportement de zoom en zoom sémantique Manipulation des requêtes de mise à niveau Web sans connexion dans JavaScript Client

Mots colorés aléatoires dans un H1

Est-il possible d'avoir chaque mot dans un H1 une couleur aléatoire et que si vous actualisez la page, cela sera-t-il randomisé à nouveau?

J'ai 5 couleurs définies que je veux utiliser. Comment puis-je coder cela?

Oui, c'est possible: 

var colors = ['red', 'yellow', 'blue', 'green', 'black']; $('h1').each(function(){ $(this).html($(this).text().split(' ').map(function(v){ return '<span style="color:'+colors[Math.floor(Math.random()*colors.length)]+'">'+v+'</span>'; }).join(' ')); });​​​​​​

L'idée principale est de diviser le contenu de chaque h1 en mots et de remplacer les mots en les intégrant dans <span> car vous ne pouvez pas style un mot, mais seulement un élément.

Manifestation