如何選擇改變網站的背景

-1

是否可以創建某種下拉列表或按鈕，將網頁的背景從一個jpg或png更改爲另一個？我不會使用背景顏色。我不在乎是否涉及CSS或Javascript。如何選擇改變網站的背景

我不能使用jQuery，因爲我不熟悉它或如何正確使用它。

2015-03-13 Seanguy4

是是否有可能。 – fsi 2015-03-13 19:50:19

你有什麼嘗試嗎？或者你有什麼想法？或者你只是想讓別人爲你做這份工作？ – 2015-03-13 19:50:33

我建議有一個下拉菜單，您可以選擇一個圖像，然後使用jquery和事件處理程序「'.change（）'」來找出何時有新的選擇，然後將css'background-image'更改爲圖像也使用jquery ie：'$（this）.css（「background-image」，「example.png」）'。儘管如此，我不會爲你寫代碼。 – dishrex 2015-03-13 19:52:34

是的，你可以做到這一點。在下面的示例中，我使用一個按鈕來更改背景圖像。您還可以使用下拉列表更改背景圖像。

HTML代碼

<button id ="btn">Click Me!</button>

jQuery代碼

$("#btn").click(function(){ 
    $("body").css("background-image", "url(/myimage.jpg)"); 
});

後期編輯與完整代碼：

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">//This link Imports jquery library</script> 

<script> 

//This code is responsible for changing the image on button click 
$(document).ready(function() 
{ 
     $("#btn").click(function() 
     { 
      $("body").css("background-image", "url(/myimage.jpg)"); 
     }); 
}); 
</script> 
</head> 
<body> 

<button id ="btn">Click Me!</button> 

</body> 
</html>

來源

2015-03-13 19:56:40

我將如何實現jQuery？不幸的是我不太熟悉它。 – Seanguy4 2015-03-14 01:06:29

我已經編輯了所有代碼的帖子。看一看，讓我知道它是否回答你的問題。 – 2015-03-14 04:06:07

另外，如果你想深入學習jQuery，那麼，我建議你應該訪問這個鏈接http://www.w3schools.com/jquery/ – 2015-03-14 04:07:19

是的，你可以。您可以使用帶選項的簡單選擇下拉菜單，並將bg圖像設置爲數據屬性。然後在js中檢查選擇「更改」並將數據屬性（bgimage）設置爲背景。

來源

2015-03-13 19:51:23 Medda86

如何選擇改變網站的背景

回答

相關問題