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://www.codercto.com/soft/d/23131.html

Go程序设计语言

Go程序设计语言

艾伦 A. A. 多诺万 / 李道兵、高博、庞向才、金鑫鑫、林齐斌 / 机械工业出版社 / 2017-5 / 79

本书由《C程序设计语言》的作者Kernighan和谷歌公司Go团队主管Alan Donovan联袂撰写,是学习Go语言程序设计的指南。本书共13章,主要内容包括:Go的基础知识、基本结构、基本数据类型、复合数据类型、函数、方法、接口、goroutine、通道、共享变量的并发性、包、go工具、测试、反射等。 本书适合作为计算机相关专业的教材,也可供Go语言爱好者阅读。一起来看看 《Go程序设计语言》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

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

HTML 编码/解码

SHA 加密
SHA 加密

SHA 加密工具