Question

我正在开发一个新网站，我正在使用背景图像旋转器（刷新后）。我做了一个开关，你可以打开/关闭背景图像。

我发现一些脚本可以用div来做，但不能用css中的body做。因此，当点击开/关开关时，我需要删除“背景：”。

有人可以用jquery / javascript脚本帮助我吗？

body {
margin: 0;
padding: 0;
background: url("../img/landingpage/background/random.php") fixed no-repeat;
background-size: cover;
color: white;
font-family: verdana;
}

Answer 1

使用jQuery，您可以执行以下操作：

$('body').css('background' : '');

Answer 2

$("#switch").on("click", function () {
    $("body").css("background", "none");
});

Answer 3

我现在使用切换功能

使其正常工作

$("#myonoffswitch").toggle( 
function (){
    $("body").css("background", "none");
}
,
function (){
    $("body").css("background", "url('http://p1.pichost.me/640/27/1502004.jpg')"); 
}
);

<强>的jsfiddle： http://jsfiddle.net/A97G3/

隐藏/显示正文背景

3 个答案: