如何根據導航的網頁切換PHP輸入上的背景顏色？

我正在製作一個網頁，其中的每個頁面都有不同的背景顏色。如何根據導航的網頁切換PHP輸入上的背景顏色？

此外，我使用PHP輸入的頁眉和頁腳，它必須根據網頁更改其背景。問題是，我怎麼改變它的背景顏色，因爲它會一直調用相同的include？

我想過使用PHP，但我不知道爲什麼，它沒有奏效。我也想過使用Javascript，但我也不太瞭解它。有人能幫助我嗎？

從中我想改變它的背景色標頭中的DIV的正下方：

<div class = "background-header-top"> 

    </div>

現在對CSS：

3210

我希望它來

.background-header-top { 
width: 100%; 
height: 40px; 
background-image: url("pattern-pink.png"); 
}

來源

2014-05-02 user3596108

你是如何決定顏色的？ – Albzi

你可以在身上做：

<body style="background-image: url(<?php echo $image;?>);">

或者使用javascript：

var body = document.getElementByTagName("body")[0]; 
body.style.Background = "url(image);";

更多關於PHP：

$base = basename($_SERVER['PHP_SELF']);

身體

然後：

<body style="background-image: url(<?php echo ($base == "something.php) ? "image.png" : "image.jpg";?>);">

來源

2014-05-02 12:02:57 Albzi

但是我爲什麼要在身體中做它，因爲我只想要一個div改變？ – user3596108

然後將其移動到另一個div ...有創意，不要害怕自己想; – giorgio

然後將其更改爲您的'div'然後@ user3596108 – Albzi

讓我們把顏色數組：

<? 
$input = array("pattern-red.png","pattern-pink.png","pattern-blue.png","pattern-yellow.png","pattern-green.png"); 

$rand_keys = array_rand($input, 1); 
$bg=$input[$rand_keys[0]] . "\n"; 
?>

然後讓你的CSS從隨機得到血糖值：

<style> 
.background-header-top { 
width: 100%; 
height: 40px; 
background-image: url("<?=$bg?>"); 
} 
</style>

所以你的頭：

<div class="background-header-top"></div>

還沒有嘗試過，但應該工作。告訴我，如果不是。

來源

2014-05-02 12:14:54 Wilf

仍然不行：/ – user3596108

請給我最後的代碼。所以我可以看到有什麼問題！ – Wilf

而不是定義背景圖像，你可以直接做到這一點。但你需要使用這樣的

獲取頁面名稱之前讓我們考慮你需要image1.jpg作爲背景，當您在home.php

$currentPage = $_SERVER['PHP_SELF']; 
<div class = "background-header-top" style=" <?php if ($currentPage = 'home.php') { echo 'background-image: url(image1.jpg);'; } else { echo 'background-image: url(image1.jpg);'; } ?> "></div>

這裏是一個乾淨的版本的代碼爲您瞭解

<div class = "background-header-top" style=" <?php 

if ($currentPage = 'home.php') 
{ 
    echo 'background-image: url(image1.jpg);'; 
} else 
{ 
    echo 'background-image: url(otherimage.jpg);'; 
} 

?> "> 

     </div>

根據您的要求更改代碼。這可以輕鬆工作

來源

2014-05-02 12:22:28

它不會工作。也許這個問題不是你的代碼，而是我的網頁上的其他內容，因爲它太奇怪，我的嘗試都沒有成功：/但無論如何，謝謝。 – user3596108

上面的所有答案實際上工作！這只是我的Coda被竊聽，不會改變背景。當我試圖在Safari上運行它時，它立即離開了。非常感謝，夥計們！ – user3596108

歡迎您:) –

讓我們試試這個：

<?php 
$background_colors = array("red", "pink","gold","yellow","orange","green","blue"); 
$bg = $background_colors[array_rand($background_colors)]; 
?> 

<style> 
.background-header-top { 
     color:#fff; 
     width: 100%; 
     height: 40px; 
     background-color:<?=$bg?>; 
} 
</style> 
<div class="background-header-top">Check this out!</div>

如果你想改變顏色圖像，它仍然有效！

現場演示：http://codepad.viper-7.com/5H39AI

來源

2014-05-02 17:04:22 Wilf

如何根據導航的網頁切換PHP輸入上的背景顏色？

回答

相關問題