在日常的学习、工作、生活中,肯定对各类范文都很熟悉吧。相信许多人会觉得范文很难写?下面我给大家整理了一些优秀范文,希望能够帮助到大家,我们一起来看一看吧。
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/) no-repeat 100% 0 #e4e4e4;font-weight:bold;}.flow_steps {background-position:100% -46px;background-color:#ffeda2;}.flow_steps t_prev{background-position:100% -23px;background-color:#ffeda2;}.flow_steps t{color:#fff;background-color:#990d1b;}.flow_steps li#t,.flow_steps {background-image:none;}
个人信息
证件信息
签注信息
取证方式
户口所在地:
中文姓:
中文名:
身份证号:
提交
通行证号
有效日期至
联系电话
提交
上一步
签注类别
前往地
签证种类
提交
上一步
取证方式
提交
上一步
以上就是为大家分享的jquery实现表单步骤流程导航代码,希望大家可以喜欢。
s("content_relate");【jquery表单步骤流程】相关文章:
1.
jquery submit()不能提交表单的的原因
2.jquery简单的表单应用
3.网站运营的流程及步骤
4.php建站的流程和步骤
5.新房装修流程步骤
6.日本留学流程步骤
7.绩效管理流程步骤
8.装修流程步骤介绍