Question

我的网站背景看起来很酷，但可能会影响可用性（如果你看太久就会烧伤）所以我想要一个用javascript更改/删除背景图片的链接。我用谷歌搜索了它，但找不到有用的东西。

有没有办法建立像[a href =“javascript：???????”]这样的链接删除bg [/ a]？

Answer 1

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

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

Answer 2

如果您的背景图片未在正文标记中指定。

<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>

如果您的背景图片是在正文标记中指定的。

<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 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/

Javascript BG图像更改

4 个答案: