Wizard Form

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

软件介绍

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

MATLAB高效编程技巧与应用

MATLAB高效编程技巧与应用

吴鹏 / 北京航空航天大学 / 2010-6 / 39.00元

《MATLAB高效编程技巧与应用:25个案例分析》是作者八年MATLAB使用经验的总结,精心设计的所有案例均来自于国内各大MATLAB技术论坛网友的切身需求,其中不少案例涉及的内容和求解方法在国内现已出版的MATLAB书籍中鲜有介绍。 《MATLAB高效编程技巧与应用:25个案例分析》首先针对MATLAB新版本特有的一些编程思想、高效的编程方法、新技术进行了较为详细的讨论,在此基础上,以大量......一起来看看 《MATLAB高效编程技巧与应用》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具