当前位置: 首页 > news >正文

建设银行英文网站关键词有几种类型

建设银行英文网站,关键词有几种类型,哈尔滨网站建设平台,广州百度网站排名优化页面分布引导#xff08;driver.js#xff09; 最近由于有一个需求——做新手指引#xff0c;在新用户进入页面的时候提供指引和帮助,快速让用户熟悉页面的功能,但是为了不要过多影响现有的页面逻辑和样式,找到一款非常好用的工具driver.js:Driver.js是一个功能强大且高度可…页面分布引导driver.js 最近由于有一个需求——做新手指引在新用户进入页面的时候提供指引和帮助,快速让用户熟悉页面的功能,但是为了不要过多影响现有的页面逻辑和样式,找到一款非常好用的工具driver.js:Driver.js是一个功能强大且高度可定制的基于原生JavaScript开发的新用户引导库。它没有依赖项支持所有主要浏览器 !!!划重点:pc端和移动端均可使用 官网: driver.js 1、安装 yarn yarn add driver.js npm npm install driver.js --save2、引入 import { driver } from driver.js; import driver.js/dist/driver.css;3、使用 进行连续的指引 data() {return {steps: [{element: .dialog,popover: {// side:bottom,// align:start,title: dialog,description: 这是dialog,position: top,onNextClick:this.nextStep}},{element: #step1,popover: {title: one,description: 这是one,position: top}},{element: #step2,popover: {title: two,description: 这是two,position: right}},{element: #step3,popover: {title: three,description: 这是three,position: bottom}},{element: #step4,popover: {title: step4,description: 这是three,position: bottom}},{element: #child,popover: {title: child,description: 这是three,position: bottom}},{element: #hello,popover: {title: hello,description: 这是hello,position: bottom}},]}}, this.driver new driver({// allowClose: false,// popoverClass: driverjs-theme,showProgress:true,progressText:{{current}}/{{total}},doneBtnText: 完成, // 结束按钮的文字animate: true, // 动画stageBackground: #ffffff, // 突出显示元素的背景颜色nextBtnText: 下一步, // 下一步按钮的文字prevBtnText: 上一步, // 上一步按钮的文字closeBtnText: 关闭, // 关闭按钮的文字// overlayColor:#f40,steps: this.steps,stagePadding:10,onCloseClick:() {console.log(Close Button Clicked);// Implement your own functionality herethis.driver.destroy();},})this.driver.drive()效果 4、API方法 const driver new Driver(driverOptions);const isActivated driver.isActivated; // 检查driver是否激活Checks if the driver is active or not driver.moveNext(); // 移动到步骤列表中的下一步 Moves to next step in the steps list driver.movePrevious(); // 移动到步骤列表中的上一步 Moves to previous step in the steps list driver.start(stepNumber 0); // 从指定的步骤开始 Starts driving through the defined steps driver.highlight(string|stepDefinition); // 高亮通过查询选择器指定的或步骤定义的元素 highlights the element using query selector or the step definition driver.reset(); // 重置遮罩并且清屏Resets the overlay and clears the screen driver.hasHighlightedElement(); //检查是否有高亮元素 Checks if there is any highlighted element driver.hasNextStep(); // 检查是否有可移动到的下一步元素 Checks if there is next step to move to driver.hasPreviousStep(); // 检查是否有可移动到的上一步元素。Checks if there is previous step to move todriver.preventMove();// 阻止当前移动。如果要执行某些异步任务并手动移动到下一步则在“onNext”或“onPrevious”中很有用 Prevents the current move. Useful in onNext or onPrevious if you want to // perform some asynchronous task and manually move to next stepconst activeElement driver.getHighlightedElement();// 获取屏幕上当前高亮元素 Gets the currently highlighted element on screen const lastActiveElement driver.getLastHighlightedElement(); activeElement.getCalculatedPosition(); // 获取活动元素的屏幕坐标Gets screen co-ordinates of the active element activeElement.hidePopover(); // 隐藏弹窗Hide the popover activeElement.showPopover(); // 显示弹窗Show the popoveractiveElement.getNode(); // 获取此元素后面的DOM元素Gets the DOM Element behind this element 你可以使用各种各样的选项来实现你想要的一切。You can use a variety of options to achieve whatever you may want. 5、steps选项 const stepDefinition {element: #some-item, // 需要被高亮的查询选择器字符或Node。 Query selector string or Node to be highlightedpopover: { // 如果为空将不会显示弹窗There will be no popover if empty or not givenclassName: popover-class, // 除了Driver选项中的通用类名称之外还可以指定包裹当前指定步骤弹窗的类名 className to wrap this specific step popover in addition to the general className in Driver optionstitle: Title, // 弹窗的标题 Title on the popoverdescription: Description, // 弹窗的主体内容 Body of the popovershowButtons: false, // 是否在底部显示控制按钮 Do not show control buttons in footercloseBtnText: Close, // 关闭按钮的文本 Text on the close button for this stepnextBtnText: Next, // 当前步骤的下一步按钮文本 Next button text for this stepprevBtnText: Previous, // 当前步骤的上一步按钮文本 Previous button text for this step} };
http://www.yutouwan.com/news/87613/

相关文章:

  • 做名片赞机器人电脑网站是多少宣传视频
  • 东莞seo建站优化收费网站建设和维护的职责
  • 西部数码网站管理助手 mssql安阳做网站哪家好
  • 网站开发的计划书做自媒体有哪些网站
  • 旅行社网站规划与建设的流程图关键词工具有哪些
  • 驻马店哪里做网站长春建站模板制作
  • 企业网站建设及运营现状分析wordpress个人外链
  • 网站设计培训成都哪家好广东网络公司网站建设
  • 淘宝做女鞋在哪个网站找货wordpress 付费查看
  • 网站建设制作公网站tdk设置界面
  • 电子商务网站建设一般流程图校园网站建设论文
  • 注册网站诚信承诺书wordpress主题width=1 height=1图片不显示
  • 徐州网站制作网页代码
  • wordpress 网站logo网站制作的销售对象
  • 做网站时图片要切片有什么作用网站建设设计总结
  • 网站推广的重要性网页游戏网站网址
  • 商城型网站开发网站建设泰安公司网站建设价格查询
  • 标准网站建设哪家好wordpress流量统计放在哪里
  • 上海网站建设网站开发网站推广设计制作
  • 网络公司网站建设报价滨江建设交易门户网站
  • win2012做网站个人房屋做民宿在哪个网站
  • 泉州市建设局网站公示学视频剪辑去哪里学比较好
  • 做网站的开发软件建设银行网站用户名忘了怎么办
  • 上海有哪些做网站南充房产信息网
  • ps做网站尺寸多少像素工业网站建设
  • 龙华响应式网站建设七星彩网站建设
  • 怎么做科技小制作视频网站app是什么公司
  • 有什么网站专门做美食的吗免费域名备案
  • 咋做黄页网站visio画网站开发类图
  • php做网站优点114啦建站程序