前端--- js 实现body开关灯
程序员文章站
2024-03-20 20:22:46
...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>开关灯案例</title>
</head>
<body>
<button id="btn1" type="button">开灯</button>
<button id="btn2" type="button">关灯</button>
<script src="js/JQuery/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
// 给button1添加事件,把背景色设置为白色
$('#btn1').click(function() {
$('body').css("background-color", "white");
});
// 给button2添加事件,把背景色设置为黑色
$('#btn2').click(function() {
$('body').css("background-color", "black");
});
</script>
</body>
</html>
上一篇： python 中的md5加密及其实现
下一篇： 前后端分离开发的后端代码简单案例