原创jQuery步骤条实现step特效插件

原创jQuery步骤条实现step特效插件

一款step分步步骤条插件,同时支持点击步骤条切换和按钮切换;

使用方法
HTML模板代码如下
注释:主题样式名.eis-stepContents,不建议修改;

1
2
3
4
5
6
7
8
9
<div>
    <div>
        <div>
            <h2>hello word</h2>
        </div>
        <div>步骤二</div>
        <div>步骤三</div>
    </div>
</div>

javascript代码

1
2
3
4
5
6
7
8
$(function() {
    $('.box').step({
        stepDirection: 'x', // x代表水平步骤,y 竖直步骤,默认x
        showStepButton: true, //显示步骤按钮 上一步,下一步,默认false
        stepCount: 3, // step数,默认3
        stepTitles: ['标题一', '标题二', '标题三'], // step步骤标题
    });
})
当前内容只有登录了才能查看,如果您已经注册,请登录
0

发表评论