国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

基于jquery步驟進度條源碼分享

2019-11-20 11:17:33
字體:
來源:轉載
供稿:網友

基于jQuery網頁步驟流程進度條代碼里面包含兩款不同效果的jQuery步驟進度條特效。效果圖如下:


在線預覽       源碼下載

html代碼:

<div class="step_context test"></div>當前步驟:第<input type="text" value="5" id="currentStepVal" />步 <button onclick="StepTool.drawStep(jQuery('#currentStepVal').val(),stepListJson);" type="button">重新生成</button><script type="text/javascript">  //所有步驟的數據  var stepListJson = [{ StepNum: 1, StepText: "第一步" },  { StepNum: 2, StepText: "第二步" },  { StepNum: 3, StepText: "第三步" },  { StepNum: 4, StepText: "第四步" },  { StepNum: 5, StepText: "第五步" },  { StepNum: 6, StepText: "第六步" },  { StepNum: 7, StepText: "第七步" }];  //當前進行到第幾步  var currentStep = 5;  //new一個工具類  var StepTool = new Step_Tool_dc("test", "mycall");  //使用工具對頁面繪制相關流程步驟圖形顯示  StepTool.drawStep(currentStep, stepListJson);  //回調函數  function mycall(restult) {    // alert("mycall"+result.value+":"+result.text);    StepTool.drawStep(result.value, stepListJson);    //TODO...這里可以填充點擊步驟的后加載相對應數據的代碼  }</script>

以上代碼就是小編給大家分享的基于jquery步驟進度條源碼分享,希望大家喜歡。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 札达县| 浪卡子县| 高密市| 武冈市| 波密县| 乌鲁木齐市| 大理市| 焦作市| 宁城县| 湄潭县| 东台市| 临洮县| 武川县| 宁津县| 秦安县| 永和县| 咸丰县| 东山县| 隆德县| 延川县| 大兴区| 长垣县| 五指山市| 景泰县| 台中县| 茶陵县| 桃源县| 鹰潭市| 鸡东县| 上犹县| 黑山县| 华亭县| 中宁县| 玉环县| 香格里拉县| 新源县| 贵南县| 庆阳市| 合水县| 岑巩县| 信宜市|