javascript - Javascript BG图片更改

我的网站有一个看起来很酷的背景，但可能会影响可用性（如果你看得太久，它会烧掉），所以我想要一个链接，用javascript更改/删除背景图像。我搜过了，但找不到有用的东西。
有没有办法建立一个像[a href=“javascript:”这样的链接？??????"]删除bg[/a]？

最佳答案

如果在正文标记中未指定背景图像。

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