PHP多个数组遍历后的字符串加CSS格式后再随机输出。该怎么解决
PHP多个数组遍历后的字符串加CSS格式后再随机输出。
$a='长颈鹿,大象,小猫,老虎,';/*此段字符颜色红色,字号12*/
$b='兔子,猫肉,羊肉,牛肉,';/*此段字符颜色紫色,字号16*/
$c='你好,谢谢,再见,很好,';/*此段字符颜色黄色,字号20*/
/*三段字符串,分别与中间逗号分割。用以下一步的分割成数组*/
$aa=explode(",",$a.$b.$c);
/*数组后,然后我想的是用array_rand()函数,然后遍历出随机排列的字符串*/
现在的问题是,如何将$a $b $c,这三组字符串分别设定好CSS颜色,文字大小。然后汇总在一起,再随机排列输出。
------解决方案--------------------
再试试这个,看看效果
header('content-type:text/html; charset=utf-8');
$arr = array('长颈鹿', '大象', '小猫', '老虎', '兔子', '猫肉', '羊肉', '牛肉', '你好', '谢谢', '再见', '很好');
$style_arr = array();
foreach($arr as $val)
{
$font_size = rand(12, 20).'px';
$font_color = 'rgb'.'('.rand(0, 255).','.rand(0, 255).','.rand(0, 255).')';
$style = '';
$font = '';
$style_arr[] = $style.$val.$font;
}
shuffle($style_arr);
foreach($style_arr as $val2)
{
echo $val2.' ';
}
------解决方案--------------------
- PHP code
$a = '长颈鹿,大象,小猫,老虎';$b = '兔子,猫肉,羊肉,牛肉';$c = '你好,谢谢,再见,很好';echo .c1 { background:red; font-size:12px; }.c2 { background:green; font-size:16px; }.c3 { background:orange; font-size:20px; }STYLE;$aa = explode(',', $a);array_walk($aa, 'func', 'c1');$bb = explode(',', $b);array_walk($bb, 'func', 'c2');$cc = explode(',', $c);array_walk($cc, 'func', 'c3');$ar = array_merge($aa, $bb, $cc);shuffle($ar);echo join('', $ar);function func(&$item, $key, $param) { $item = "<span class="$param">$item</span>";}<div class="clear"> </div>

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



Verwenden Sie die File.length()-Funktion von Java, um die Größe einer Datei zu ermitteln. Die Dateigröße ist eine sehr häufige Anforderung beim Umgang mit Dateioperationen. Java bietet eine sehr praktische Möglichkeit, die Größe einer Datei zu ermitteln, d. h. mithilfe der Länge(. )-Methode der File-Klasse. In diesem Artikel wird erläutert, wie Sie mit dieser Methode die Größe einer Datei ermitteln und entsprechende Codebeispiele angeben. Zuerst müssen wir ein File-Objekt erstellen, um die Datei darzustellen, deren Größe wir ermitteln möchten. So erstellen Sie ein File-Objekt: Filef

Methoden für element.style zum Ändern der Hintergrundfarbe des Elements; 2. Ändern der Schriftgröße des Elements; 4. Ändern des Schriftstils des Elements; . Ändern Sie die horizontale Ausrichtung des Elements. Detaillierte Einführung: 1. Ändern Sie die Hintergrundfarbe des Elements. Die Syntax lautet "document.getElementById("myElement").style.backgroundColor = "red";" 2. Ändern Sie die Schriftgröße des Elements usw.

Wie man mit CSS rotierende Hintergrundbildanimationseffekte von Elementen implementiert, kann die visuelle Attraktivität und das Benutzererlebnis von Webseiten erhöhen. In diesem Artikel wird erläutert, wie Sie mithilfe von CSS den rotierenden Hintergrundanimationseffekt von Elementen erzielen, und es werden spezifische Codebeispiele bereitgestellt. Zuerst müssen wir ein Hintergrundbild vorbereiten, das ein beliebiges Bild sein kann, beispielsweise ein Bild der Sonne oder eines elektrischen Ventilators. Speichern Sie das Bild und nennen Sie es „bg.png“. Erstellen Sie als Nächstes eine HTML-Datei, fügen Sie der Datei ein div-Element hinzu und legen Sie es auf fest

Methoden zum dynamischen Ändern des Stils: 1. Fügen Sie ref zu dem Element hinzu, dessen Stil geändert werden muss, mit einer Syntax wie „<div className='scroll-title clear-fix' ref={ this.manage }>“; Durch dynamische Steuerung wird der Stil des Elements geändert. 3. Durch die Verwendung von JS-Code im DOM werden die Übergänge verschiedener DOMs angezeigt und ausgeblendet.

Pygames Schriftartentext und Schriftart Pygame verwendet das Modul pygame.font, um ein Schriftartenobjekt zu erstellen, um den Zweck des Zeichnens von Text zu erreichen. Häufig verwendete Methoden dieses Moduls sind wie folgt: Name Beschreibung pygame.font.init() Initialisieren Sie das Schriftartenmodul. pygame.font.quit() Deinitialisieren Sie das Schriftartenmodul. pygame.font.get_init() Überprüfen Sie, ob das Schriftartenmodul initialisiert wurde Gibt einen booleschen Wert zurück. pygame.font.get_default_font() ruft den Dateinamen der Standardschriftart ab. Gibt den Dateinamen der Schriftart im System zurück. pygame.font.get_fonts() ruft alle ab

Neue Stilfunktionen In der Vue3.2-Version wurden zahlreiche Stilverbesserungen für Einzeldateikomponenten vorgenommen, z. B. lokale Stile, CSS-Variablen und für Vorlagen verfügbare Stile. (Teilen von Lernvideos: Vue-Video-Tutorial) 1. Lokaler Stil Wenn das Etikett ein Bereichsattribut hat, wird sein CSS nur auf die Elemente der aktuellen Komponente angewendet: hi.example{color:red;} 2. Der Tiefenselektor ist Scoped Wenn der Selektor im Stil eine „tiefere“ Auswahl treffen möchte, also Unterkomponenten beeinflussen möchte, können Sie die Pseudoklasse :deep() verwenden: .a:deep(.b){/*. .*/ }DOM-Inhalte, die über v-html erstellt wurden, werden nicht erstellt

Titel: Beispiel für die Verwendung der Array.Sort-Funktion zum Sortieren eines Arrays in C#. Text: In C# ist Array eine häufig verwendete Datenstruktur, und häufig sind Array-Sortiervorgänge erforderlich. C# stellt die Array-Klasse bereit, die über die Sort-Methode verfügt, um Arrays bequem zu sortieren. In diesem Artikel wird gezeigt, wie Sie ein Array mithilfe der Array.Sort-Funktion in C# sortieren, und es werden spezifische Codebeispiele bereitgestellt. Zunächst müssen wir die grundlegende Verwendung der Array.Sort-Funktion verstehen. Array.So

Vue-Fehler: V-bind kann nicht verwendet werden, um Klasse und Stil korrekt zu binden. Wie kann das Problem gelöst werden? In der Vue-Entwicklung verwenden wir häufig die V-Bind-Anweisung, um Klasse und Stil dynamisch zu binden. Manchmal können jedoch Probleme auftreten, z. B. dass wir V-Bind nicht korrekt zum Binden von Klasse und Stil verwenden können. In diesem Artikel werde ich die Ursache dieses Problems erläutern und Ihnen eine Lösung anbieten. Lassen Sie uns zunächst die v-bind-Direktive verstehen. v-bind wird zum Binden von V verwendet
