多语言展示
当前在线:1453今日阅读:60今日分享:41

jquery实现注册页面左右滚屏

jquery实现注册页面左右滚屏
工具/原料

adobe dreamweaver

方法/步骤
1

新建html文档。

2

准备好需要用到的图标。

3

书写hmtl代码。

 

Fancy Sliding Form with jQuery

 
 
   
   
     Account     

                 

     

                 

     

                 

   
   
     Personal Details     

                 

     

                 

     

                 

     

                 

   
   
     Payment     

                 

     

                 

     

                 

     

                 

   
   
     Settings     

                 

     

                 

     

                 

   
   
     Confirm     

Everything in the form was correctly filled       if all the steps have a green checkmark icon.      A red checkmark icon indicates that some field       is missing or filled out with invalid data. In this      last step the user can confirm the submission of      the form.

     

           

   
   
 
   

4

书写css代码。

5

书写并添加js代码。

6

代码整体结构。

7

查看效果。

推荐信息