首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2013-03-06 
用js实现换肤的功能模块(例如空间换肤)思路以及源码:1、先做三个div作为变换颜色的基色(就是要点击的三个模

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

热点排行