| 己写JS来定位,下面我简单的写了2个模块的换肤。
1 <script language="javascript" type="text/javascript">
2 <!--
3 function window.onload()
4 {
5 changeSkin(''1'');//当然 ''1'' 是从数据库或Session中读取的初始模版值。
6 }
7 function setDivTop(divID,topValue)
8 {
9 document.getElementById(divID).style.top = topValue;
10 }
11 function setDivLeft(divID,leftValue)
12 {
13 document.getElementById(divID).style.left = leftValue;
14 }
15 //这个JS方法就要自己写了，一个一个的将模块定位吧！
16 function changeSkin(skinNO)
17 {
18 switch(skinNO)
19 {
20 case"1":
21 setDivTop(''divNews'',''100px'');
22 setDivLeft(''divNews'',''100px'');
23 setDivTop(''divMusic'',''300px'');
24 setDivLeft(''divMusic'',''300px'');
25 break;
26 case"2":
27 setDivTop(''divNews'',''300px'');
28 setDivLeft(''divNews'',''300px'');
29 setDivTop(''divMusic'',''100px'');
30 setDivLeft(''divMusic'',''100px'');
31 break;
32 }
33 }
34 -->
35 </script>
这个可以用几个按钮调用这个changeSkin(skinNO)方法，直接看到效果。
若要保存就存数据库吧！用window.onload()事件初始。
就写到这里了，马马乎乎，丢砖吧！
下面提供了几个Ajax换肤例子 并且附源码供大家下载！
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" >
3 <head>
4 <title>测试</title>
5 <link id="cssStyle" rel="stylesheet" type="text/css" />
6 <script language="javascript" type="text/javascript">
7 <!--
8 function window.onload()
9 {
10 //没有做数据库与Session的存储，所以初始值赋固定初始值，具体使用请用数据库与S |
