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

在线演示积分下载 6毛下载砍两刀下载

文件目录······

暂无数据

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

猜你喜欢更多»

项目推荐更多»

[开源]开源免费的多协议物联网智能网关系统，让物联网实施更简单 (2)

[开源]高性能、安全、功能强大的开源物联网调试和管理解决方案 (0)

[开源]一个开源的物联网基础开发平台，支持设备快速接入、高并发 (0)

[开源]含鸿蒙APP、微信小程序、云平台和后台的充电设备管理系统 (0)

[开源]一站式物联网开发基础平台，助企业快速实现精细化数据管理 (0)