tourguide.js是一个JavaScript库,帮助您创建一个交互式、循序渐进的新手指导教程，访问者通过应用上的新特性和突出显示的内容。定义HTML

Tour example

开始myTour.start();也可以加载Json数据当做步骤[ { "selector": "Select 1", "step": 1, "title": "Step 1", "content": "Step 1 content", "image": "1.jpg" }, { "selector": "Select 2", "step": 2, "title": "Step 2", "content": "Step 2 content", "image": "2.jpg" }, { "selector": "Select 3", "step": 3, "title": "Step 3", "content": "Step 3 content", "image": "3.jpg" } // ... ]所有的配置参数var myTour = new Tourguide({ root: "body", selector: "[data-tour]", animationspeed: 300, padding: 5, steps: null, src: null, restoreinitialposition: true, preloadimages: false, request: { "options": { "mode": "cors", "cache": "no-cache" }, "headers": { "Content-Type": "application/json" } }, });回调方法var myTour = new Tourguide({ onStart: function(options){...}, onStop: function(options){...}, onComplete: function(){...}, onStep: function(currentstep, type){...}, onAction: function(currentstep, e){...} });API方法// starts the tour myTour.start(); myTour.start(2); // starts at step 2 // stops the tour myTour.stop(); // goes to the next step myTour.next(); // backs to the previous step myTour.previous(); // goes to a specific step myTour.go(2);

新手教程指引插件tourguide.js

preview Points Download 6毛Download Share Download

文件目录······

暂无数据

未经允许不得转载： ICode联盟 » Plugin Special Effects » 新手教程指引插件tourguide.js

猜你喜欢更多»

项目推荐更多»

[开源]基于 Vue、Datav、Echart 框架的数据大屏项目，可自由替换 (1)

[开源]一套企业级微服务框架、微服务能力开放平台，功能强大 (0)

[开源]免费开源的流程设计器，开箱即用，助力流程开发使用更简单 (0)

[开源]MIT开源协议，前后端分离、美观大方后台通配权限管理系统 (1)

[开源]一款终端仿真软件，支持多种后端协议，无依赖跨平台使用 (0)