参考妙味课堂的JS视频实现的一个百叶窗效果，具体代码如下：

         
     
        
      
            
       
                
        
百叶窗效果
                
        
百叶窗效果
            
       
        
        
      
            
       
                
        
百叶窗效果
                
        
百叶窗效果
            
       
        
        
      
            
       
                
        
百叶窗效果
                
        
百叶窗效果
            
       
        
        
      
            
       
                
        
百叶窗效果
                
        
百叶窗效果
            
       
        
    
     
    
     
        
      
            
       
                
        
百叶窗效果
                
        
百叶窗效果
            
       
        
        
      
            
       
                
        
百叶窗效果
                
        
百叶窗效果
            
       
        
        
      
            
       
                
        
百叶窗效果
                
        
百叶窗效果
            
       
        
        
      
            
       
                
        
百叶窗效果
                
        
百叶窗效果
            
       
        
    
     

有在打开多个页面的时候，切换到其他页面，然后再切换回该页面的时候会有Bug出现，待完善。【具体原因不详】