Wizard Form
- 授权协议: 未知
- 开发语言:
- 操作系统: 未知
- 软件首页: 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>
Dynamic HTML权威指南
Danny Goodman / 2009-6 / 99.80元
《Dynamic HTML权威指南(第3版)》涵盖了最新的Web规范和各种浏览器功能特性，如果您要使用HTML、XHTML、CSS、文档对象模型（DOM）和JavaScript进行开发，那么它正是您要寻找的一站式终极资源宝库。《Dynamic HTML权威指南(第3版)》为富互联网应用程序的设计者提供了全面而翔实的参考。在《Dynamic HTML权威指南(第3版)》的帮助下，无论是Interne......一起来看看 《Dynamic HTML权威指南》 这本书的介绍吧!
