CSSの背景ランダム
Facebookにプッシュ!
Twitterへプッシュ!
Plurkのためにプッシュ!
今日、私は今、CSSの内部で書かれて人気があり、別の背景の背景に個人ブログをしたい。
いくつかの写真を選んだが、CSSだけで背景を設定することができます。
として
A 2 3 | BODY { url ( http : //img401 .imageshack .us/img401/ 7982 /speedlikecy01.jpg ) center no-repeat 背景:URL(http:/ / img401 ImageShackの.us/img401 / 7982 / speedlikecy01.jpg)センターなしリピート } |
しかし、少しだけ退屈を感じて、1に設定することができます。
理想を考えると、あなたのブログを開くたびにランダムに別の背景が表示されます。
ランダムCSS背景rotater
インターネット上で見つけることが、内部Webページに埋め込まれている必要があります。 これは単に、PHPやHTMLを変更することです。
私はCSSの背景へのURLを選択し、自動的にランダムに異なる背景を表示します。
理想的に加えてネットワーク上で検索し、最終的に達成するために単純なPHPを使用するのではと思いました。
? ダウンロードrandom_css_background.php
A 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | <?PHPの / ************************************************* ****************************** *デバッグ用のメッセージを削除しないでください *タイトル:random_css_background.php *バージョン:1.0 @ 2010年7月9日 *著者:speedlikecy *ウェブサイト:speedlikecy.001zone.com ************************************************** ****************************** ここhttp://diy.001zone.com/blog/352/random-css-backgroundから詳細を得ることができます サンプルspeedlikecy.001zone.comを確認してください それを使用すると、何らかの理由で私に連絡すること自由に感じてください。 機能: ランダムとCSSのスタイルのために、出力画像のリンクを回転させる 使用法: 1.Downloadこのサンプルコードを編集します。 "Random_css_background.php" ウェブサイトへの2.Upload。 CSSスタイルで3.Replace URL "の背景:URL(http://example.com/random_css_background.php)"。 ************************************************** **************************************************************** / / /に画像URLを設定する / /画像の位置を設定します。 array ( $画像= 配列 ( "HTTP :/ / img541.imageshack.us/img541/378/smilesn.jpg" "HTTP :/ / img401.imageshack.us/img401/7982/speedlikecy01.jpg" "HTTP :/ / img338.imageshack.us/img338/9566/speedlikecy02.jpg" "HTTP :/ / img535.imageshack.us/img535/75/taiwanlanyu.jpg" "HTTP :/ / img686.imageshack.us/img686/1931/togetherhand.jpg" 。) / /ランダム機能 / /乱数関数 time ( ) ) ; srand関数 ( 時間 ()); / /画像番号にする(RAND()%5)設定します。このサンプルは5です / /画像の数を設定します。 ( rand ( ) % 5 ) ; $ランダム=( ランド ()%5); / / URLへの出力 / /出力結果 'Location:' . $images [ $random ] ) ; ヘッダ ( '場所:' $画像[$ランダム]); ?> |
使用方法:
random_css_background.zip
コピーまたは、上記のコードをダウンロードして変更し、インターネットにアップロードします。
URL(http://example.com/random_css_background.php):このような背景として、CSSを変更します。
完了しました。
例:
speedlikecy.001zone.com
各ツアーは、ランダムに背景画像を置き換えます。
他の使用:
CSS + DIV。
? ダウンロードsample.css
A 2 3 | #{Random_img url ( http://example.com/random_css_background.php ) center no-repeat ; 背景:URL(http://example.com/random_css_background.php)中心ノー繰り返し; } |
A
| <div id="random_img"> <!---あなたの含まれている---> </ DIV> |
への直接呼び出し
A
| <img src="http://example.com/random_css_background.php"/> |
いいえ、投稿があることを示します。






