- 相關推薦
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 */.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實現表單步驟流程導航代碼,希望大家可以喜歡。
【jQuery表單步驟流程】相關文章:
鋼結構防腐施工流程步驟02-05
結婚迎親詳細流程步驟06-19
科目三路考的流程步驟04-15
社會工作接案基本內容及步驟流程11-16
金蝶財務軟件賬務處理流程及步驟01-30
采購流程及采購流程管理02-09
臨摹的方法與步驟03-20
細致的泡茶步驟04-19
績效管理的步驟06-09
項目問題管理的步驟04-09