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

JavaScript兑现一个简单的网页换肤

2013-03-04 
JavaScript实现一个简单的网页换肤htmlheadstyle typetext/css.skin{width:60pxheight:60pxflo

JavaScript实现一个简单的网页换肤
<html>
<head>
<style type='text/css'>
  .skin{
    width:60px;
height:60px;
float:right;
margin:2px;
cursor:pointer;
  }
</style>
</head>


<body>
    <div class='skin' style='background-color:orange' onmouseover='changeColor("orange")'></div>
<div class='skin' style='background-color:pink' onmouseover='changeColor("pink")'></div>
<div class='skin' style='background-color:red' onmouseover='changeColor("red")'></div>
</body>
<script>
   function changeColor(c){
     document.body.style.backgroundColor = c ;
   }
</script>
</html>

热点排行
Bad Request.