素材牛VIP会员

jQuery步骤进度条step插件

 所属分类:网页特效-独立部件

 浏览:1000次-  下载:3次-  评论:2次-  发布时间:2019-01-16
jQuery步骤进度条step插件兼容IE8
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免积分下载!   充值积分   充值会员   更多说明»
素材描述:一款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步骤标题
    });
})

文件目录结构

  • css
    • ┝ step.css
  • ┝ index.html
  • js
    • ┝ jquery.min.js
    • ┝ step.js

讨论这个素材(2)回答他人问题或分享使用心得会奖励牛币

ha***ok  
2019年04月22日

好东西!!!!

回复
ka***88  
2019年07月18日

好东西!!!

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:3
所需牛币:5 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)