Javascript驱动插件,用于新手引导非常方便。
提供了按步骤进行引导,可以高亮任意元素去给用户介绍功能。
非常方便
中文网址: https://driver.employleague.cn
高亮一个元素
const driver = new Driver();
driver.highlight('#create-post');
按步骤介绍功能
const driver = new Driver();
// Define the steps for introduction
driver.defineSteps([
{
element: '#first-element-introduction',
popover: {
className: 'first-step-popover-class',
title: 'Title on Popover',
description: 'Body of the popover',
position: 'left'
}
},
{
element: '#second-element-introduction',
popover: {
title: 'Title on Popover',
description: 'Body of the popover',
position: 'top'
}
},
{
element: '#third-element-introduction',
popover: {
title: 'Title on Popover',
description: 'Body of the popover',
position: 'right'
}
},
]);
// Start the introduction
driver.start();
效果:
还可以键盘控制步骤 非常方便使用