jQuery步骤条step插件（原创）

插件特效

2026-07-26 01:02 2 次浏览 • 0 次下载 3.6KB

插件描述：一款step分步步骤条插件

同时支持点击步骤条切换和按钮切换

HTML模板代码如下

注释主题样式名.eis-stepContents,不建议修改；

<div>
    <div>
        <div>
            <h2>hello word</h2>
        </div>
        <div>步骤二</div>
        <div>步骤三</div>
    </div>
</div>

javascript代码如下

$(function() {
    $('.box').step({
        stepDirection: 'x', // x代表水平步骤，y 竖直步骤，默认x
        showStepButton: true, //显示步骤按钮 上一步，下一步，默认false
        stepCount: 3, // step数，默认3
        stepTitles: ['标题一', '标题二', '标题三'], // step步骤标题
    });
})