jQuery分步步骤

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

 53375  504  查看评论 (11)
分享到微信朋友圈
X
jQuery分步步骤 ie兼容6

使用方法

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);// 跳到指定步骤
相关插件-独立的部件,杂项

新浪天气、时间获取插件

LeoWeather 是一款专门用来获取天气和时间的插件,本插件自创的标签模式使得用户可以更好的对显示内容进行排版!
  独立的部件
 57609  501

jQuery HTML导出Excel插件table2excel

jquerytable2excel是一款可以将HTML表格的内容导出到微软Excel电子表格中的jQuery插件。该插件可以根据你的需要导出表格中的内容,不需要的行可以不导出。它文件体积小,使用非常方便。
  独立的部件
 123351  508

复制剪切粘贴插件clipboard.js

clipboard.js能够实现复制剪切粘贴的功能,实例方法全。
  独立的部件
 60556  418

jQuery前端excel导入插件xlsx.core.js

此插件作用可以把excel表,导入到网页中用table显示出来
  独立的部件
 57259  417

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

    故人北 0
    2020/7/19 19:01:52
    为什么设置宽度为100% 步骤5会被挤下去
    回复
    superdameng 0
    2020/5/11 17:05:30
    我想问下,哪里有不压缩的js代码 回复
    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>
    回复
    Homeless 0
    2018/10/20 18:15:32
    已下载,谢谢分享 回复
    十位游戏号 0
    2018/7/11 10:01:42
    这个怎么初始化啊?
    回复
    朝歌 0
    2018/6/8 11:01:39
    终极之旅 0
    2018/1/26 17:56:39

    这个并不支持IE6、7,在IE8中圆角效果消失

        哦买噶0
        2018/8/27 10:26:51
        是不是,这就坑了吧
        wwf0
        2019/11/27 15:25:09
        能用吗?
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复