Question

我有一些我想做的事情，但我不确定这是可能的。

我想要一个文本框（输入），当用户粘贴图像的URL（Say，他们的Facebook个人资料图片）时，它将获取该URL并将其设置为网站上的背景图像URL。

这可能吗？有人可以写一个代码吗？似乎有可能，它应该不会太难......

提前致谢。

Answer 1

<script type="text/javascript">
function changebackground(){
    var url = document.getElementById('bgchanger').value;
    document.getElementsByTagName('body')[0].style.backgroundImage = "url('" + url + "')";
}
</script>
<input type="text" id="bgchanger" value="Enter a background URL" />
<input type="button" onclick="changebackground();" value="Change!" />

未经测试但应该没问题。

修改经过测试并完美运作：http://jsfiddle.net/EK3Y3/

Answer 2

是。你可以使用jQuery轻松实现这一点，尽管你也可以使用javascript。

这是一个例子。 http://jsfiddle.net/FvDWw/

在该文本框中粘贴有效的图片网址。

Answer 3

您可以通过将处理程序附加到input元素的“change”事件来完成此操作。然后使用input元素的值来更新“body”元素的css的“background-image”属性。

例如，http://jsfiddle.net/aB3sg/

HTML / JS - 允许用户粘贴图像URL作为背景

3 个答案: