網站建置百寶箱〈http://dob.tnc.edu.tw/〉歡迎您

討論

寫信

首頁

作者登入界面

帳號：
密碼：

加入作者群

【熱門單元】

TOP 20 作者

TOP	作者	文章數
1	工友	163
2	linss	26
3	風痕影	23
4	羅蘋	19
5	Dick	15
6	nick	15
7	aaron	14
8	搖頭老爹	13
9	希爾菲斯．卡楚斯特	13
10	蒼穹之子	12
11	Mowd	12
12	Y媽	11
13	無敵大香蕉	11
14	蛋蛋	11
15	小多比蝴蝶	11
16	魔術靈	10
17	monkeywu	10
18	逸風	10
19	ybjou	10
20	街燈電箱150號	10

今日：593

總計：3883459

單元：，專欄：，文章：

【首頁∕CSS操控術∕PHP隨機背景】

▲【網站綠色美化】 ▼【正確的觀念】

作者： BerserkFuhrer （cstony0917@gmail.com）

13979

寄回信箱

小弟第一次分享,請大家多多指教哦!:D

立即觀看「PHP隨機背景」範例

【修改程式碼】

我把php語法放在body的style裡面然後利用switch配上rand亂數來做隨機背景的控制!

【複製步驟一】

style=" <?php switch (rand(1,3)) { case "1": echo "background-image:url(img1.jpg);"; break; case "2": echo "background-image:url(img2.jpg);"; break; case "3": echo "background-image:url(img3.jpg);"; break; default: echo "background-image:url(img1.jpg);"; } ?>"
【標記】〔按此可快速標記並複製第一部份的程式碼〕【貼上】然後切換到您的網頁，按『Ctrl+V』將剛剛複製的程式碼貼在<body>標籤裡面。

【修改程式碼】

如果rand出來的數字=1,背景圖就是img.jpg..以此類推|| 預設圖是img.jpg,背景圖請自行準備@@

【上面的寫法太麻煩了XD 小弟又想到新的程式碼也看起來比較漂亮】

【複製步驟二】

<?php //定義圖片位置以及圖片數量 $img['1']="/homepage/hbg1.jpg"; $img['2']="/homepage/hbg2.jpg"; $imgn=rand(1,2); ?>

【標記】〔按此可快速標記並複製第二部份的程式碼〕

【貼上】然後切換到您的網頁，按『Ctrl+V』將剛剛複製的程式碼貼在網頁的最前面。

【修改程式碼】

把<body>標籤換成以下內容

【複製步驟三】

<body style="background-image:url(<?php echo $img[$imgn]; ?>);">
【標記】〔按此可快速標記並複製第三部份的程式碼〕【貼上】然後切換到您的網頁，按『Ctrl+V』將剛剛複製的程式碼貼在<body>標籤裡面。

【網友補充說明】

觀看【PHP隨機背景相關討論】〈共有 0 篇相關討論〉

本單元『PHP隨機背景』由BerserkFuhrer撰寫教學內容。

▲【網站綠色美化】 ▼【正確的觀念】