jQuery分步步骤

所属分类：其他-独立的部件,杂项

52217 504 查看评论 (11)

分享到微信朋友圈

查看演示立即下载

插件描述：jQuery上一步、下一步，分步步骤

使用方法

1.引入样式和脚本

<link rel="stylesheet" type="text/css" href="css/jquery.step.css" />
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/jquery.step.min.js"></script>

2.初始化插件

var $step = $("#step");
$step.step({
   index: 0,
   time: 500,
   title: ["填写申请表", "上传资料", "待确认", "已确认", "预约完成"]
});

3.方法

$step.getIndex()；// 获取当前的index
$step.prevStep();// 上一步
$step.nextStep();// 下一步
$step.toStep(index);// 跳到指定步骤

table表格拖动列，改变列的位置（原创）

百度地图全景图

html5手势解锁插件H5lock.js

html5手势解锁插件H5lock.js详细注释

独立的部件

37574 368

CSS3开关切换按钮

多组超具创意的CSS3开关切换按钮

独立的部件

41046 498

html5读取二维码

手机端web调用摄像头读取解析二维码

独立的部件

62106 435

后台管理框架

后台管理框架基于bootstrap

独立的部件

88745 591

讨论这个项目（11）回答他人问题或分享插件使用方法奖励jQ币评论用户自律公约

故人北 0

2020/7/19 19:01:52

superdameng 0

2020/5/11 17:05:30

422835426 0

2020/2/11 19:51:56

superdameng0

2020/5/11 17:02:39

我实在js里动态添加到dom里

Shylock0

2020/6/24 16:25:39

<div id="wizard">
    <h1>第一步</h1>
    <div class="step-content">
        <div class="text-center m-t-md">
            <h2>第一步</h2>
            这是第一步的内容
        </div>
    </div>
    <h1>第二步</h1>
    <div class="step-content">
        <div class="text-center m-t-md">
            <h2>第二步</h2>
            这是第二步的内容
        </div>
    </div>
    <h1>第三步</h1>
    <div class="step-content">
        <div class="text-center m-t-md">
            <h2>第三步</h2>
            这是第三步的内容
        </div>
    </div>
</div>