Heim Backend-Entwicklung PHP-Tutorial PHP多个数组遍历后的字符串加CSS格式后再随机输出。该怎么解决

PHP多个数组遍历后的字符串加CSS格式后再随机输出。该怎么解决

Jun 13, 2016 am 10:11 AM
array background font size style

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>
Nach dem Login kopieren
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Verwenden Sie die Funktion File.length() von Java, um die Größe der Datei zu ermitteln Verwenden Sie die Funktion File.length() von Java, um die Größe der Datei zu ermitteln Jul 24, 2023 am 08:36 AM

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

So ändern Sie element.style So ändern Sie element.style Nov 24, 2023 am 11:15 AM

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.

So verwenden Sie CSS, um den rotierenden Hintergrundanimationseffekt von Elementen zu erzielen So verwenden Sie CSS, um den rotierenden Hintergrundanimationseffekt von Elementen zu erzielen Nov 21, 2023 am 09:05 AM

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

So ändern Sie den Stil in React dynamisch So ändern Sie den Stil in React dynamisch Dec 28, 2022 am 10:44 AM

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.

Pythons Pygame-Font-Modul – wie verwendet man Text und Schriftarten? Pythons Pygame-Font-Modul – wie verwendet man Text und Schriftarten? Apr 23, 2023 pm 11:19 PM

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

Was sind die neuen Funktionen im Vue3-Stil und wie werden sie verwendet? Was sind die neuen Funktionen im Vue3-Stil und wie werden sie verwendet? May 14, 2023 pm 10:52 PM

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

Array mit der Array.Sort-Funktion in C# sortieren Array mit der Array.Sort-Funktion in C# sortieren Nov 18, 2023 am 10:37 AM

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? Vue-Fehler: V-bind kann nicht verwendet werden, um Klasse und Stil korrekt zu binden. Wie kann das Problem gelöst werden? Aug 26, 2023 pm 10:58 PM

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

See all articles