jQuery响应式流程向导插件setStep.js

所属分类:UI,其他-加载,杂项

 42255  401  查看评论 (3)
分享到微信朋友圈
X
jQuery响应式流程向导插件setStep.js ie兼容8

使用方法

引入 jquery库 、setstep.js及样式文件

<link rel="stylesheet" href="css/ystep.css">
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src=js/setStep.js></script>

Dom结构:

<!-- 菜单及分页容器-->
<div class="stepCont stepCont1">
    <!-- 菜单导航显示-->
    <div class='ystep-container ystep-lg ystep-blue'></div>
    <!-- 分页容器-->
    <div class="pageCont">
        <div id="page1" class="stepPage">
            <h1> page1 </h1>
        </div>
        <div id="page2" class="stepPage">
            <h1> page2 </h1>
        </div>
        <div id="page3" class="stepPage">
            <h1> page3 </h1>
        </div>
        <div id="page4" class="stepPage">
            <h1> page4 </h1>
        </div>
        <div id="page5" class="stepPage">
            <h1> page5 </h1>
        </div>
    </div>
</div>

使用实例化:

可通过设置参数clickAble:false ,showBtn:false,改变插件按钮显示 和 是否可直接点击进度条操作step

var step1 = new SetStep({
    content: '.stepCont1',
    showBtn: false,
}) var step2 = new SetStep({
    content: '.stepCont2',
    clickAble: false
}) var step3 = new SetStep({
    content: '.stepCont3'
})
相关插件-加载,杂项

HTML5实现的网页进度条

HTML5实现的网页进度条
  加载
 41512  381

jQuery会员等级进度条(原创)

jQuery多节点点亮会员等级进度条
  加载
 35394  356

jQuery步骤条step插件(原创)

一款step分步步骤条插件
  加载
 62296  401

3D立体环形进度图表

3D立体环形进度图表,只要传入0100的整数,就能显示对应的百分比,大小自适应。
  加载
 33877  329

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

    那场秋雨 0
    2019/4/26 11:03:37
    你的插件的流程点个数是固定的,不能改 回复
    Samsara 0
    2018/7/16 14:25:08
    遇到一个神奇的问题,想请教一下大哥
        混混儿0
        2019/3/27 15:47:26
        好的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复