这个选项调查的特效以选项卡的形式，每答完一道题目自动切换到下一条，颇具特色。使用jQuery和CSS3，适合HTML5浏览器。

 

源码下载：

效果图如下：

代码如下：

    
         
             
         
         
         
         
         
             
     
        
      
        
      
jQuery+CSS3翻页效果的调查答题卡
        
      
            
                   
       
                
        
                    
         
Q1、你第一门接触的编程语言是？
                    
         
                        
          
  JavaScript 
                        
          
  C语言 
                        
          
  Java 
                        
          
  C# 
                        
          
  其他 
                    
         
                    
         
          1/5
         
                
        
            
       
            
                   
       
                
        
                    
         
Q2、你主要从事的开发设计工作是？
                    
         
                        
          
  Web前端 
                        
          
  安卓软件开发 
                        
          
  IOS软件开发 
                        
          
  网站、软件维护 
                        
          
  数据库开发管理 
                    
         
                    
         
          上一题
          2/5
         
                
        
            
       
            
                   
       
                
        
                    
         
Q3、你最早知道的有关开发的网站是哪个？
                    
         
                        
          
  何问起（http://hovertree.com/） 
                        
          
  博客园（http://www.cnblogs.com/） 
                        
          
  柯乐义（http://keleyi.com/） 
                        
          
  CSDN（http://www.csdn.net/） 
                        
          
  其他 
                    
         
                    
         
          上一题
          3/5
         
                
        
            
       
            
                   
       
                
        
                    
         
Q4、你开发中使用的主要操作系统是？
                    
         
                        
          
  Windows 10 
                        
          
  Windows 7 
                        
          
  Linux 
                        
          
  Mac OS 
                        
          
  其他 
                    
         
                    
         
          上一题
          4/5
         
                
        
            
       
            
                   
       
                
        
                    
         
Q5、你觉得下面哪个栏目最实用？
                    
         
                        
          
  网页特效 http://hovertree.com/menu/texiao/  
                        
          
  在线题库 http://hovertree.com/tiku/  
                        
          
  jQuery下载 http://hovertree.com/h/bjaf/ati6k7yk.htm 
                        
          
  图片 http://hovertree.com/hvtimg/  
                        
          
  代码 http://hovertree.com/code/  
                    
         
                    
         
          上一题
          5/5
         
                
        
            
       
            
                   
       
                
        
                    
         
                    
         
                        
          
感谢您的参与！
 更多信息请访问何问起网。 
 何问起首页 
                    
         
                    
         
          上一题
         
                
        
            
       
        
      
              
      
      
        
      
            
       首页            
       特效库            
       原文        
      
    
     
            

转自：

特效推荐：