基于JQuery仿百度首页换肤效果

这一次给大家介绍如何通过JQuery实现百度首页换肤效果，先上截图：

皮肤1效果

皮肤2效果

皮肤3效果

点击页面左上角的“换肤”按钮，页面向下弹出皮肤选择栏，根据自己的喜好选择皮肤：

皮肤选择栏

由于CSS和JavaScript代码并不是太多，就把HTML、CSS、JavaScrit代码写在一起了，看不习惯的小伙伴请见谅。其中用到的JQuery文件，请各位小伙伴自行下载。
接下来上代码：
HTML:index.html

换肤




   

      

          

          

      
 

    

        
        
        
        
        
        
        
        
        
        
        
        
    
       

           
       
   
   
   
   
   

    

这一次的小案例没有为大家提供图片资源，大家可以在百度上下载一些图片进行测验。

这一次的分享就到这里啦，你的点赞和支持就是我前进的最大动力。