Javascript BG 图像更改

Question

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

有没有办法建立一个像[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>