PHP で実装されたカラフルなラベル効果のコード共有、PHP_PHP チュートリアルで実装されたラベル コード
- WBOYオリジナル
- 2016-07-13 10:20:221060ブラウズ
PHPで実装されたカラフルなラベル効果のコード共有、PHPで実装されたラベルコード
現在、皆さんは通常、ブログの左側に美しいカラフルなマークを追加していますが、この小さな機能を自分のウェブサイトにも追加したいと考えています。
残念ながら、WordPress を使用しているときほど便利ではなくなりました。WordPress を使用している友人は、既製のプラグインを直接使用して、マウスをクリックするだけでこの素晴らしい機能を追加できます。小さなステーションのプログラムは私が書いたものですが、そのような機能を追加したい場合は、やはり自分で行う必要があるので、学習だと思ってください。
まず第一に、現在のカラフルなラベルの主な症状を分析しました。主なポイントは 2 つあります。それは、さまざまな色とさまざまなサイズです。これがカラフルなタグの特徴なので、PHPのランダム関数randを考えてみました。サイズを直接指定し、rand を使用して色をランダムに選択するだけです。
大小のサイズのランダム値は簡単に取得でき、直接生成してユニットを接続するだけです
// ランダムなサイズのインスタンス
$m = ランド(20,30);
echo 'ランダム サイズ';
?>
カラー値の生成は少し面倒です。カラー値は 16 進数の文字で表現され、ランダム関数 rand では 0 から F を直接生成できないためです。最終的には、16 進数の文字が配列に直接保存され、その後、マウスの添字はこのようにランダムに生成されます ランダムな色も実現できます
// ランダムカラー関数
// ランダムに生成された色の値を直接返します
関数 getColor(){
// まず配列を使用して 16 進文字を配列に保存します
$arr = array('0','1','2','3','4','5','6','7','8','9','A',' B'、'C'、'D'、'E'、'F');
// カラー値の長さは 6 ビットなので、6 回ループされます
for($i=0;$i // 0 から 15 までの数値をランダムに生成し、それらを配列の添字として使用して値を取得します
$color .= $arr[rand(0,15)]; }
// 戻るときは # 記号を追加します
'#'.$color;を返します
}
?>
最後に、いくつかの提案です。結局のところ、PHP はサーバー側であり、毎回 rand を実行するとサーバーに大きな問題が発生します (特に強力なマシンは無視しても構いません。結局のところ、現在でも VPS を使用している人がたくさんいます)。 。記事の削除、変更、または新しいタグの追加など、ブログのタグが変更されたときに再生成し、カラフルなタグの HTML テキストを生成できます。最後に、生成されたカラフルな HTML はデータベースに保存する必要がなく、ファイルに直接保存して含めることができます。
現在、私のウェブサイトはこのように実装されています。時間があるときに、カラフルなタグを実装するための JavaScript を紹介します。原理はほぼ同じですが、JavaScript はクライアント側の動作であるため、サーバー側の問題を心配する必要はありません。インタラクティブで、アニメーション効果のあるクラウド タグを作成できます。
Baidu のコードが機能しない場合、または不適切な場合は、自分で改善できます。
それはあなたのために特別に作られたものではないので、他人があなたに与えるものは、実際にはあなたにとって完璧ではありません。 。 。 。 。
その後、もちろん、自分のニーズに応じて変更する必要があります。 。 。 。 。
それは不可能です。 PHP はページが生成される前に実行されますが、JavaScript はページが生成された後に実行されます。実際には、ブラウザで開いたページに include.... PHP コードは表示されません。表示されるのは、PHP の実行後の結果です。
あなたが言ったことを達成するには 2 つの方法があります:
まず、2.php を含める新しい別のページを作成し、次に outmsg() が実行されるこの新しいページに直接移動します。
2つ目は、現在のページにパラメータを追加し、PHPで$_REQUEST['パラメータ名']を使用して取得し、パラメータがある場合は2.phpをインクルードし、そうでない場合は1をインクルードします。 php.現在のページで outmsg() を実行する場合、現在のページにフォームを送信し、このパラメーターを追加します。