介绍Js帮助之旅 [英] Intro Js help tour

问题描述

是否有一种方法可以自定义js入门中的项目符号，以便用户可以确定要跳到哪一步? 我被问及项目符号是否可以进行某种识别，以便用户在尝试访问特定组件的帮助时可以确定.

Is there a way to customize the bullets in intro js, such that user can be sure of which step its going to jump on? I was asked if the bullets can have some kind of identification so that user can be sure when trying access help for the particular component.

http://jsfiddle.net/ee2s3p11/

蓝色项目符号用于直接导航至步骤，如果可以定制这些蓝色项目符号的某些方式，则用户可以更轻松地跳至他们要查找的帮助组件.

The blue bullets are used for direct navigation to the steps, if some how those blue bullets can be customized, it would be easier for user to jump to the help component they are looking for.

点击我！

.introjs-tooltip {
    min-width: 250px;
    max-width: 250px;
} 
.introjs-bullets ul li a {
    width: 15px;
    height: 15px;
    background-color: blue;
}

推荐答案

这是怎么回事:

.introjs-bullets ul li a:after {
  content: attr(data-stepnumber);
  color:#fff; position:relative; top:-2px;left:-2px;
}

看小提琴

http://jsfiddle.net/ee2s3p11/1/

这篇关于介绍Js帮助之旅的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！