Wizard Form

码农软件 · 软件分类 · 其他jQuery插件 · 2020-01-11 09:42:39

授权协议: 未知
开发语言:
操作系统: 未知
软件首页: http://plugins.jquery.com/project/WizardForm

软件介绍

Turns a properly marked up form into a wizard form with page navigation and prev/next buttons. I really just made this for a project of my own without too much thought about re-use. Take it and do whatever you like~

Example:

Javascript

$("form").wizard();

Style definitions:

.wizard-nav
{
	padding: 10px 0;
	border: 1px solid #ddd;
	width: 650px;
	margin: 10px auto;
}
.wizard-nav a
{
	background: #eee;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	text-decoration: none;
	padding: 10px; 
	width: 162.5px;
	display: inline;
	margin: 0;
}
.wizard-nav a.active { background: #dfd; }

.wizardcontrols .wizardnext { margin-left: 76%; width: 12%; }
.wizardcontrols .wizardprev { width: 12%; }
#FirstPage .wizardcontrols .wizardnext { margin-left: 88%; }

Markup:

<form action="something.html" method="post">
  <div id="FirstPage" class="wizardpage">This</div>
  <div id="SecondPage" class="wizardpage">is</div>
  <div id="ThirdPage" class="wizardpage">a</div>
  <div id="LastPage" class="wizardpage">wizard</div>
  <div class="wizard-nav">
    <a target="_blank"  rel="nofollow" href="#FirstPage">Do some stuff</a> >>
    <a target="_blank"  rel="nofollow" href="#SecondPage">Then some more</a> >>
    <a target="_blank"  rel="nofollow" href="#ThirdPage">Almost there...</a> >>
    <a target="_blank"  rel="nofollow" href="#LastPage">Finish!</a>
  </div>
</form>

本文地址：https://codercto.com/soft/d/23131.html

码农书籍

TCP/IP详解卷3：TCP事务协议、HTTP、NNTP和UNIX域协议

胡谷雨、吴礼发、W.Richard Stevens / 胡谷雨 / 机械工业出版社 / 2000-9 / 35.00元

《CP.IP详解(卷3):CP事务协议.HP.P和UIX域协议》是“TCP/IP详解系列”的延续。主要内容包括：TCP事务协议，即T/TCP，这是对TCP的扩展，使客户-服务器事务更快、更高效和更可靠；TCP/IP应用，主要是HTTP和NNTP；UNIX域协议，这些协议提供了进程之间通信的一种手段。当客户与服务器进程在同一台主机上时，UNIX域协议通常要比TCP/IP快一倍。《CP.IP详解(卷3......一起来看看《TCP/IP详解卷3：TCP事务协议、HTTP、NNTP和UNIX域协议》这本书的介绍吧!

码农工具