<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.set_bg_con{
width: 440px;
height: 40px;
border: 1px solid #ddd;
margin: 40px auto 0;
background-color: #fff;
}
.set_text{
line-height: 40px;
float: left;
margin: 2 20px 0 10px;
color: #666;
}
.style1,.style2,.style3,.style4,.style5,.style6{
width: 30px;
height: 26px;
margin: 8px 5px;
background: gold;
cursor: pointer;
float: left;
}
.style1{
js更换背景图
最新推荐文章于 2024-06-29 23:25:04 发布
这篇博客通过JavaScript代码展示了如何实现网页背景颜色的动态切换。当点击不同颜色的按钮时,网页背景会相应改变。具体实现包括为每个颜色按钮添加点击事件监听器,点击后更改body元素的背景颜色。
摘要由CSDN通过智能技术生成