javascript - 易于切换的背景

标签 javascript jquery html css background-image

如何创建一个复选框来打开和关闭我的网站背景?基本上,当我切换复选框时,我希望它定位图像并将其显示为背景。当我取消选中复选框时,我希望它忽略(或达到相同效果的东西)设置背景的代码。

注意:我已经在 Stackoverflow 和 Google 上研究了这个主题,虽然我找到了一些有帮助的文章,但我没有找到能让我实现我想要的效果。

最佳答案

您可以使用 jQuery changetoggleclass 函数来完成。

$(function() {
    $('#checkbox').change(function(){
        $('body').toggleClass('toogle-bg'); 
    });
});
.toogle-bg {
    background: url("http://goo.gl/Yu3rXz") 0 0 no-repeat;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<label><input id="checkbox" type="checkbox"/> checkbox</label>

关于javascript - 易于切换的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28911031/

相关文章:

javascript - 无法在 Jasmine 测试中获取 scrollTop 值

jquery - 使用 jQuery 设置 DIV 元素的值

jquery - 将 css 转换为复选框的 jquery css

css - HTML 中的线性渐变颜色长度不起作用

javascript - 在 Javascript Metro 应用程序中从基于 url 的视频文件获取快照

javascript - 如何在 Angular 指令的 Jasmine 单元测试中触发点击事件?

javascript - History.pushState URL + 滚动到效果

javascript - 使用javascript获取div中第一个输入的id

javascript - 错误 : `fsevents` unavailable (this watcher can only be used on Darwin)

javascript - AJAX 请求永远不会发送。为什么?