本文介绍了一个简单的网页背景色切换实例，通过点击不同颜色的模块来改变网页背景色。利用HTML、CSS和JavaScript实现这一功能，展示了基本的DOM操作及事件处理。
思路以及源码：
1、先做三个div作为变换颜色的基色（就是要点击的三个模块）
2、在div中需要用到onclick来触发事件 这的函数需要有三个颜色作为参数
3、定义函数 利用dom的属性bgcolor来赋参数即参数。
在点击模块的时候触发函数，即可以变换背景bgcolor即换肤。
<html>
<head>
<style>
#p{width:30px;height:30px;margin:2px;float:right;border:2px;cursor:pointer;}
</style>
</head>
<body>
<div style="background-color:green;" id="p" onclick="a('green')">I</div>
<div style="background-color:blue;" id="p" onclick="a('blue')">LOVE</div>
<div style="background-color:red;" id="p"onclick="a('red')">YOU</div>
</body>
<script>
function a(e){
document.bgColor=e;
}
</script>
</html>
扫一扫
318
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
