javascript - 使用 onclick 更改背景正文图像

标签 javascript jquery html css

<分区>


要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:Stack Overflow question checklist

关闭 9 年前

我是 javascript 和 jQuery 的新手,我想使用其中之一通过 onclick 更改我的背景 body 图像。我真正想要的是创建一个带有图像的链接,这样当人们点击它时,背景正文图片就会改变。你能帮我或给我一个简单的例子吗。

最佳答案

HTML

<a href="#" class="set-background"><img src="/path/to/image.jpg">Select Image</a>

Javascript

$(document).on('click', 'a.set-background', function(){
    $('body').css({
        'background' : 'url(' + $(this).find('img').attr('src') + ')'
    });

    return false;
});

关于javascript - 使用 onclick 更改背景正文图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19609050/

上一篇:html - 调整浏览器大小时停止侧边栏向下移动

下一篇:javascript - 缩放时 css 中的圆形蒙版

相关文章:

javascript - 使用 jQuery 更新 span,使用 PHP 获取它?

javascript - 如何在图像中添加文本,并且用户还可以保存添加文本的图像?

javascript - 提交表单后显示 Bootstrap 模式

javascript - 如何验证某些字段并在 ng-click AngularJS 上进行选择

html - Bootstrap - 导航栏旁边的大 Logo

javascript - ChartJS : Show all labels of a mixed chart in the tooltip

javascript - Visual Studio Online OAuth 无法获取访问 token 的问题

javascript - 使用 Knockout.js 更改列表中 div 的类

php - 显示 PHP 结果?

c# - ASP.NET MVC 获取文本框输入值