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);preview Points Download 6毛Download Share Download
文件目录······
暂无数据
未经允许不得转载: ICode联盟 » Plugin Special Effects » 新手教程指引插件tourguide.js
猜你喜欢
更多»
项目推荐
更多»
PDF电子书
更多»
Java多线程编程核心技术
(2)
Linux命令详解词典.pdf
(5)
深入Python3中文版
(0)
百度SEO一本通.pdf
(0)
mysql必知必会.pdf
(2)
疯狂JAVA讲义 pdf电子书
(3)
C# 图解教程pdf电子书
(3)
研磨设计模式 pdf电子书
(0)