Javascript BG Image更改

Question

我的網站有一個看起來很酷的背景，但可能會影響可用性（如果看太久，它會燒傷），所以我想要一個改變/刪除javascript背景圖片的鏈接。我GOOGLE了它，但找不到有效的東西。

有沒有辦法讓鏈接像[a href =「javascript：???????」] remove bg [/ a]？

Answer 1

如果你的背景圖片是不是在body標籤中指定。

<script type="text/javascript"> 

    var img = document.getElementById('your image ID'); 
    var shown = true; 

    function toggleImg(){ 
     if(shown == true){ 
      img.style.display = "none"; 
      shown = !shown; 
     }else{ 
      img.style.display = ""; 
      shown = !shown; 
     } 

    } 

</script> 

如果你的背景圖片在body標籤中指定。

<script type="text/javascript"> 

    var imgSrc = "your image source" 
    var shown = true; 

    function toggleImg(){ 
     if(shown == true){ 
      document.body.background = ""; 
      shown = !shown; 
     }else{ 
      document.body.background = imgSrc; 
      shown = !shown; 
     } 

    } 

<a href="javascript:toggleImg();">remove bg</a> 

Answer 2

function removeBackgroundImage() 
{ 
     document.body.background = ""; 
} 

<a href="#" onclick="removeBackgroundImage();">Change Background</a> 

Answer 3

既然你不告訴我們你在你的背景圖片是如何把（即在HTML/CSS的標記），它是很難給你一個準確的答案。

javascript：var f = eval（「document.getElementsByTagName（'BODY'）[0] .style.backgroundImage ='inherit';」）;

Answer 4

您可以使用jQuery CSS函數。

$('#removebg').click(function(){ 
    $('body').css("backgroundImage","yoururl"); 
}); 

<a id="removebg">removebg</a> 

http://api.jquery.com/css/