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

首頁 > 網站 > WEB開發 > 正文

基于jQuery網頁步驟流程進度條代碼

2024-04-27 15:02:22
字體:
來源:轉載
供稿:網友

基于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>

via:http://www.w2bc.com/article/jquery-self-define-step


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 壶关县| 施甸县| 府谷县| 德令哈市| 泉州市| 连山| 新疆| 固安县| 遂昌县| 安图县| 会东县| 灌云县| 黄石市| 灌南县| 临颍县| 洪洞县| 瓦房店市| 乐山市| 固镇县| 永兴县| 宁波市| 信宜市| 安岳县| 中卫市| 泰来县| 胶州市| 大兴区| 阿克| 和硕县| 沛县| 太谷县| 杭州市| 出国| 喀什市| 余江县| 贵阳市| 临颍县| 万全县| 盐津县| 永川市| 莎车县|