用jQuery实现常用表单步骤流程,jQuery表单步骤流程导航是一款多步骤进度,多个提交的实现一步一步填写表单提交信息代码,每次填写完信息时都会提醒是否提交,如果想对信息进行再次修改,也可以进行返回操作,页面效果简洁大方,红黑搭配很经典,是一款非常实用的特效代码,值得大家学习。我们先来看下效果图:

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

jQuery表单步骤流程导航-Web前端之家functionone(){if(confirm{$.hide.show();$.attr("class","current_prev");$.attr("class","current");}}functiontwo(){if(confirm{$.hide();$.show();$.attr("class","done");$.attr("class","current_prev");$.attr("class","current");}}functionthree(){if(confirm{$.hide();$.show();$.attr("class","done");$.attr("class","done");$.attr("class","current_prev");$.attr("class","current");}}functionreone(){if(confirm{$.show.hide();$.attr("class","current");$.attr("class","");}}functionretwo(){if(confirm{$.hide.show();$.attr("class","current_prev");$.attr("class","current");$.attr("class","");}}functionrethree(){if(confirm{$.hide();$.show();$.attr("class","done");$.attr("class","current_prev");$.attr("class","current");$.attr("class","last");}}*{margin:0;padding:0;list-style-type:none;}a,img{border:0;}body{font:12px/180%Arial,Helvetica,sans-serif,"新宋体";}.formbox{width:488px;margin:40pxauto;}.formcon{padding:10px0;border:solid1px#ddd}.formcontableinput{width:200px;}.formcontabletd{padding:5px;line-height:24px;}/*flow_steps*/.flow_steps{height:23px;overflow:hidden;}.flow_stepsli{float:left;height:23px;padding:040px030px;line-height:23px;text-align:center;background:urlno-repeat100%0#E4E4E4;font-weight:bold;}.flow_stepsli.done{background-position:100%-46px;background-color:#FFEDA2;}.flow_stepsli.current_prev{background-position:100%-23px;background-color:#FFEDA2;}.flow_stepsli.current{color:#fff;background-color:#990D1B;}.flow_stepsli#qzfs.current,.flow_stepsli.last{background-image:none;}个人信息证件信息签注信息取证方式户口所在地:

中文姓:

中文名:

身份证号:

提交

通行证号

有效日期至

联系电话

提交上一步

签注类别

数据解读用jQuery实现常用表单步骤流程-Web前端之家。前往地

签证种类

提交上一步

取证方式

提交上一步

相关文章

网站地图xml地图