1.网页换肤的实现，其实就是两个css的切换！本文用到的技术是cookie，不过，从个人的想法来说，我还是觉得直接用数据库挺好的，在用户后面加一个CSS的属性，然后，每次登陆后，直接通过js进行设置！先看一下效果图：

      

2.简单说明一下：

首先,写两个CSS。当点击橙色经典或者灰色畅想的时候，在js中对<link >的href进行设置！

其次,设置完CSS后，用户退出客户端后，下次再次浏览的时候，发现以前设置的肤色又不存在了，所以，把CSS的路径放入的cookie,当下次浏览页面的时候，直接从cookie中读取！

 

3.JavaScript实现

HTML页面：　　

1     
     
       2                 
         3                     
 4                 
 5                 
         6                     
更换网页风格：[橙色经典][灰色畅想]
     
       7                         
         8                             
 9                         
10                         
        11                             
12                         
13                         
        14                             
15                         
16                         
        17                             
18                         
19                     
MP3－精选专辑（111首歌曲）
市场价28元 会员价：20元 VIP价：10元
经典...
20                 21                 22                     
     
      23                         
        24                             
25                         
26                         
        27                             
28                         
29                         
        30                             
31                         
32                         
        33                             
34                         
35                     
MP3－精选专辑（111首歌曲）
市场价：28元 会员价：20元 VIP价：10元
经典...
36                 37  

　　

      JavaScript效果：

1     
      2      

 

 

4.JQueyr实现

1 
     
       2     
         3         
 4     
 5     
         6         
更换网页风格：[橙色经典][灰色畅想]
     
       7            
         8                
 9            
10            
        11                
12            
13            
        14                
15            
16            
        17                
18            
19         
MP3－精选专辑（111首歌曲）
市场价28元 会员价：20元 VIP价：10元
经典...
20     21     22         
     
      23             
        24                
25             
26             
        27                 
28             
29             
        30                
31             
32             
        33                 
34             
35         
MP3－精选专辑（111首歌曲）
市场价：28元 会员价：20元 VIP价：10元
经典...
36     37

1  
      2   3   4  

　　注意：

　　　　JQueyr实现cookie，需要引入插件jquery.cookie.js！

 

 

参考：

《java web开发实战1200例 (第一卷)》