日期:2014-05-16  浏览次数:20373 次

用js实现换肤的功能模块(例如空间换肤)

思路以及源码:

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>