css3+jquery realizes the page turning animation effect of questionnaire answer card

The special effects of this option survey are in the form of tabs. After each question is answered, it automatically switches to the next one, which is quite unique. Using jQuery and CSS3, suitable for HTML5 browser.

The rendering is as follows:


The code is as follows:

    
    
    
    
    
    
    
    
    
    


    

        

        
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
                

            

            
            

                

                    

                    

                        
感谢您的参与！

                        更多信息请访问何问起网。                        

                            何问起首页
                        
                    
                    
上一题
                

            

        

        


        

            首页
            特效库
            原文
        
    


    
    
    

The above is the detailed content of css3+jquery realizes the page turning animation effect of questionnaire answer card. For more information, please follow other related articles on the PHP Chinese website!