读书人

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

发布时间: 2013-03-06 16:20:31 作者: rapoo

用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>

读书人网 >JavaScript

热点推荐