如何通过单击按钮更改网站的背景图像
How do you change the background image of a website with a click of a button?
我正在学习如何使用按钮,对于我的网站,我希望能够单击一个按钮,网站背景图像将更改。我为此使用了JavaScript和按钮标签。请帮我完成我的代码。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<title> Test </title>
</head>
<body>
<button id="changeBackground" onclick="changebgImage()">Change Background</button>
<script>
function changebgImage() {
document.body.style.background-image = url(Paradise.jpg);
}
</script>
</body>
</html>
document.body.style.backgroundImage= "url('img_tree.png')";
不background-image
并且您必须将字符串封装在引号中。
相关文章:
- ASP MVC网站与vegas背景幻灯片不显示背景后发布到服务器
- 如何使用注入Firefox控制台的js文本来更改网站的背景图像-示例提供
- Javascript“Firefly”背景导致网站延迟延迟
- 如何具有更改网站背景的选项
- Chrome Mobile上的网站背景是崎岖不平的
- 如何更改网站背景
- 淡入淡出网站背景 菜单悬停
- 网站背景图片没有覆盖
- 网站背景对SVG的合理限制,或者关于为什么不加载的想法
- 三.js作为网站背景可能
- 如何使用javascript为移动设备调整网站背景
- 如何使用浏览器更改网站背景颜色's地址栏
- 使用jquery平滑地更改每个导航菜单的网站背景图像
- 网站背景上的水波效应
- 半独特的网站背景概念.视频作为背景
- 保存必应每日照片图像为网站背景
- 我的网站背景滑块图像不适合移动设备
- 更改网站背景(图片)白色部分
- Jquery如何改变你的网站背景
- 分割图像用作网站背景