Javascript BG图像更改

Javascript BG图像更改,javascript,html,Javascript,Html,我的网站有一个看起来很酷的背景,但可能会损害可用性(如果你看得太久,它会烧坏),所以我想要一个链接,可以用javascript更改/删除背景图像。我在谷歌上搜索过,但找不到有效的东西 有没有一种方法可以创建像[a href=“javascript:???”]remove bg[/a]?函数removeBackgroundImage()这样的链接 function removeBackgroundImage() { document.body.background = ""; }

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

有没有一种方法可以创建像[a href=“javascript:???”]remove bg[/a]?

函数removeBackgroundImage()这样的链接
function removeBackgroundImage()
{
       document.body.background = "";
}

<a href="#" onclick="removeBackgroundImage();">Change Background</a>
{ document.body.background=“”; }
由于您没有告诉我们您如何在背景图像(即html/css标记)中添加内容,因此很难给出准确的答案


javascript:var f=eval(“document.getElementsByTagName('BODY')[0].style.backgroundImage='inherit';”

您可以使用jQuery CSS函数

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

<a id="removebg">removebg</a>
$('removebg')。单击(函数(){
$('body').css(“backgroundImage”、“yoururl”);
});

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

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

    }

var img=document.getElementById(“您的图像ID”);
显示的var=真;
函数toggleImg(){
如果(显示==真){
img.style.display=“无”;
显示=!显示;
}否则{
img.style.display=“”;
显示=!显示;
}
}

如果在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>
<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;
        }

    }

var imgSrc=“您的图像源”
显示的var=真;
函数toggleImg(){
如果(显示==真){
document.body.background=“”;
显示=!显示;
}否则{
document.body.background=imgSrc;
显示=!显示;
}
}


如果在body标签上指定了您的背景图像,则此操作将有效。