jQuery实现表单步骤流程导航代码分享

本文实例讲述了jQuery实现表单步骤流程导航。分享给大家供大家参考。具体如下：
jQuery表单步骤流程导航是一款多步骤进度，多个提交的实现一步一步填写表单提交信息代码，每次填写完信息时都会提醒是否提交，如果想对信息进行再次修改，也可以进行返回操作，页面效果简洁大方，红黑搭配很经典，是一款非常实用的特效代码，值得大家学习。
运行效果图：-------------------查看效果 下载源码-------------------

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。
为大家分享的jquery实现的弹出层登录和全屏层注册特效代码如下

*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}

.formbox{width:488px;margin:40px auto;}
.formcon{padding:10px 0;border:solid 1px #ddd}
.formcon table input{width:200px;}
.formcon table td{padding:5px;line-height:24px;}

.flow_steps{height:23px;overflow:hidden;}
.flow_steps li{float:left;height:23px;padding:0 40px 0 30px;line-height:23px;text-align:center;background:url(img/barbg.png) no-repeat 100% 0 #E4E4E4;font-weight:bold;}
.flow_steps li.done{background-position:100% -46px;background-color:#FFEDA2;}
.flow_steps li.current_prev{background-position:100% -23px;background-color:#FFEDA2;}
.flow_steps li.current{color:#fff;background-color:#990D1B;}
.flow_steps li#qzfs.current,.flow_steps li.last{background-image:none;}






 
 

 
个人信息
 
证件信息
 
签注信息
 
取证方式
 
 
 
 
 

 

  
户口所在地：
  

 
 

  
中文姓：
  

 
 

  
中文名：
  

 
 

  
身份证号：
  

 
 

  

  
提交
 
 
 
 
 

 

  
通行证号
  

 
 

  
有效日期至
  

 
 

  
联系电话
  

 
 

  
 
  
提交    上一步
 
 
 
 
 

 

  
签注类别
  

 
 

  
前往地
  

 
 

  
签证种类
  

 
 

  
 
  
提交    上一步
 
 
 
 
 

 

  
取证方式
  

 
 

  
 
  
提交    上一步
 
 
 
 

以上就是为大家分享的jQuery实现表单步骤流程导航代码，希望大家可以喜欢。