覆盖用于培训/教程目的的模态信息

时间:2016-09-20 15:14:50

标签: javascript jquery css twitter-bootstrap

在某些网站上我看到了很酷的教程类型效果,他们几乎有类似向导的弹出窗口,描述了如何使用网站,它的控件,功能等。也许是模态指向某个区域的描述,然后点击它,然后突出显示下一个区域,等等....

问题:是否有一个易于实现的jQuery,JS,CSS,bootstrap(或其他)类型的解决方案?或者这是我必须自己创造的东西?

根据我迄今为止的研究,到目前为止,这是我能够实现的目标:

使用easyWizard插件和bootstrap,我已经能够创建一个模态向导。问题是位置是静态的,整个背景被禁用/变暗(由于模态效果)。

我希望每个"步骤"显示在其描述的控件附近,并且使用户能够看到正在突出显示/描述的实际控件。除了控件之外,增加的优点是能够调暗整个页面。或者,正在讨论的控件周围有一个红色框或类似的实现。

对此有任何实施想法或建议将不胜感激。

0 个答案:

没有答案