日期:2014-05-16 浏览次数:20393 次
思路以及源码:
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>