国产探花免费观看_亚洲丰满少妇自慰呻吟_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步驟進度條源碼分享,希望大家喜歡。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宜兰市| 安福县| 沈阳市| 礼泉县| 隆林| 平遥县| 乌鲁木齐县| 洛南县| 南郑县| 屏山县| 淄博市| 黄浦区| 隆尧县| 永福县| 磐安县| 南汇区| 沧州市| 安阳市| 兴义市| 深水埗区| 汝州市| 黄平县| 贡觉县| 同仁县| 长丰县| 苗栗市| 丰台区| 四平市| 横山县| 麻栗坡县| 四川省| 长治市| 郎溪县| 德令哈市| 伽师县| 桐柏县| 德江县| 沂南县| 建阳市| 湄潭县| 西乌珠穆沁旗|