ホームページ バックエンド開発 PHPチュートリアル PHP で複数の配列を走査した後の文字列は CSS でフォ​​ーマットされ、ランダムに出力されます。解決方法

PHP で複数の配列を走査した後の文字列は CSS でフォ​​ーマットされ、ランダムに出力されます。解決方法

Jun 13, 2016 pm 01:44 PM
array background font size style

PHP で複数の配列を走査した後の文字列は CSS でフォ​​ーマットされ、ランダムに出力されます。
$a='キリン、ゾウ、子猫、トラ';/*このキャラクターの色は赤、フォントサイズは12です*/

$b='ウサギ、猫肉、羊肉、牛肉、';/*この文字の色は紫、フォントサイズは16です*/

$c='こんにちは、ありがとう、さようなら、とてもいいです、';/*この文字の色文字は黄色、フォント サイズは 20*/

/*文字列の 3 つのセグメント、中央でカンマで区切られています。次のステップでは、配列に分割します*/

$aa=explode(",",$a.$b.$c);
/*配列の後に、次を使用します。 array_rand( ) 関数を使用して、ランダムに配置された文字列を反復処理します */

ここでの問題は、これら 3 つの文字列グループ $a $b $c の CSS カラーとテキスト サイズをそれぞれどのように設定するかです。次に、それらを組み合わせて、出力をランダムに配置します。


-----解決策---------
これをもう一度試して、効果を確認してください。
header('content-type:text/html; charset=utf-8');

$arr = array('giraffe', 'elephant', 'Kitten '、'トラ'、'ウサギ'、'猫肉'、'ラム肉'、'牛肉'、'こんにちは'、'ありがとう'、'さようなら'、'とてもおいしい');
$style_arr = array( );

foreach($arr as $val)
{
$font_size = rand(12, 20).'px';
$font_color = '('. .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 コード

$a = 'キリン、ゾウ、子猫、トラ'; $b = 'ウサギ、猫の肉、羊肉、牛肉'; $c = 'こんにちは、ありがとう、さようなら、とてもよかった'; エコー <<< <スタイル> .c1 {背景:赤; .c2 { 背景:緑; フォントサイズ:16px; .c3 {背景:オレンジ色; スタイル; $aa = 爆発(',', $a); array_walk($aa, 'func', 'c1'); $bb = 爆発(',', $b); array_walk($bb, 'func', 'c2'); $cc = 爆発(',', $c); array_walk($cc, 'func', 'c3'); $ar = array_merge($aa, $bb, $cc); シャッフル($ar); エコー結合('', $ar); 関数 func(&$item, $key, $param) { $item = "$ite​​m";
<div class="clear"></div>
ログイン後にコピー
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

JavaのFile.length()関数を使用してファイルのサイズを取得します。 JavaのFile.length()関数を使用してファイルのサイズを取得します。 Jul 24, 2023 am 08:36 AM

ファイルのサイズを取得するには、Java の File.length() 関数を使用します。ファイル操作を扱うとき、ファイル サイズは非常に一般的な要件です。Java では、ファイルのサイズを取得するための非常に便利な方法、つまり length( ) File クラスのメソッド。この記事では、このメソッドを使用してファイルのサイズを取得する方法と、対応するコード例を紹介します。まず、サイズを取得したいファイルを表す File オブジェクトを作成する必要があります。 File オブジェクトを作成する方法は次のとおりです: Filef

element.styleの変更方法 element.styleの変更方法 Nov 24, 2023 am 11:15 AM

element.style で要素を変更するメソッド: 1. 要素の背景色を変更する; 2. 要素のフォント サイズを変更する; 3. 要素の境界線のスタイルを変更する; 4. 要素のフォント スタイルを変更する; 5要素の水平方向の配置を変更します。詳細な紹介: 1. 要素の背景色を変更します。構文は "document.getElementById("myElement").style.backgroundColor = "red";"; 2. 要素のフォント サイズなどを変更します。

CSS を使用して要素の背景の回転アニメーション効果を実現する方法 CSS を使用して要素の背景の回転アニメーション効果を実現する方法 Nov 21, 2023 am 09:05 AM

CSS を使用して要素の回転背景画像アニメーション効果を実装する方法 背景画像アニメーション効果は、Web ページの視覚的な魅力とユーザー エクスペリエンスを向上させることができます。この記事では、CSS を使用して要素の背景の回転アニメーション効果を実現する方法を紹介し、具体的なコード例を示します。まず、背景画像を用意します。太陽や扇風機など、好きな画像を使用できます。画像を「bg.png」という名前で保存します。次に、HTML ファイルを作成し、ファイルに div 要素を追加して、次のように設定します。

React でスタイルを動的に変更する方法 React でスタイルを動的に変更する方法 Dec 28, 2022 am 10:44 AM

スタイルを動的に変更するためのメソッド: 1. "<div className='scroll-title clear-fix' ref={ this.manage }>" のような構文を使用して、スタイルを変更する必要がある要素に ref を追加します。 . 動的制御による 状態の変化により要素のスタイルが変更される; 3. DOM 内で JS コードを使用することで、異なる DOM の表示と非表示の遷移が実現されます。

Vue3 スタイルの新機能とその使用方法について Vue3 スタイルの新機能とその使用方法について May 14, 2023 pm 10:52 PM

スタイルの新機能 Vue3.2 バージョンでは、ローカル スタイル、CSS 変数、テンプレートに公開されるスタイルなど、単一ファイル コンポーネントのスタイルに多くのアップグレードが行われました。 (学習ビデオ共有: vue ビデオ チュートリアル) 1. ローカル スタイル ラベルにscopedattribute がある場合、その CSS は現在のコンポーネントの要素にのみ適用されます: hi.example{color:red;} 2. 深さセレクターはスコープされます。スタイル内のセレクターがより「深い」選択を行いたい場合、つまりサブコンポーネントに影響を与える場合は、:deep() 疑似クラス: .a:deep(.b){/*...* を使用できます。 / }v-html を通じて作成された DOM コンテンツは、

Python の Pygame Font モジュール - テキストとフォントの使用方法? Python の Pygame Font モジュール - テキストとフォントの使用方法? Apr 23, 2023 pm 11:19 PM

Pygame のフォント テキストとフォント Pygame は、pygame.font モジュールを使用してフォント オブジェクトを作成し、テキストを描画するという目的を達成します。このモジュールの一般的に使用されるメソッドは次のとおりです。 名前 説明 pygame.font.init() フォント モジュールの初期化 pygame.font.quit() フォント モジュールの初期化解除 pygame.font.get_init() フォント モジュールが初期化されているかどうかを確認し、ブール値を返します。 pygame.font.get_default_font() は、デフォルトのフォントのファイル名を取得します。システム内のフォントのファイル名を返します pygame.font.get_fonts() はすべてを取得します

C# の Array.Sort 関数を使用して配列を並べ替える C# の Array.Sort 関数を使用して配列を並べ替える Nov 18, 2023 am 10:37 AM

タイトル: Array.Sort 関数を使用して C# で配列を並べ替える例 本文: C# では、配列は一般的に使用されるデータ構造であり、多くの場合、配列を並べ替える必要があります。 C# には Array クラスが用意されており、このクラスには配列を簡単に並べ替えるための Sort メソッドがあります。この記事では、C# で Array.Sort 関数を使用して配列を並べ替える方法を示し、具体的なコード例を示します。まず、Array.Sort 関数の基本的な使用法を理解する必要があります。 Array.So

Vue エラー: v-bind を使用してクラスとスタイルを正しくバインドできません。解決方法は? Vue エラー: v-bind を使用してクラスとスタイルを正しくバインドできません。解決方法は? Aug 26, 2023 pm 10:58 PM

Vue エラー: v-bind を使用してクラスとスタイルを正しくバインドできません。解決方法は? Vue 開発では、v-bind 命令を使用してクラスとスタイルを動的にバインドすることがよくありますが、v-bind を正しく使用してクラスとスタイルをバインドできないなどの問題が発生することがあります。この記事では、この問題の原因と解決策を説明します。まず、v-bind ディレクティブを理解しましょう。 v-bind は V をバインドするために使用されます

See all articles