jquery - 使用 jQuery 覆盖帮助提示

Question

我想创建一个覆盖层，如果用户单击“帮助”链接，该链接会弹出一个“帮助”链接，该链接显示.png指出网站元素的帮助提示（很可能是图像）。

我已经在其他网站上看到过此操作（尽管我目前找不到），因此整个页面上有一个半透明的覆盖层，其中显示了帮助提示。然后，如果用户单击或单击“关闭”按钮，我希望覆盖消失。

我知道有很多问题要问，但如果有人能指出我正确的方向，或者在线教程等。我真的很感激 :)

这是我想在我的网站上创建的效果示例： jquery 覆盖网站帮助提示

score 20 · Accepted Answer

20

看一下Chardin.js，它非常好且易于实现

于 2013-08-16T15:34:14.763 回答

score 9 · Accepted Answer

9

看看 Impromptu 插件

于 2012-05-17T16:23:52.397 回答

score 3 · Accepted Answer

3

另一个不错的插件似乎是 chardin http://heelhook.github.io/chardin.js/

于 2014-01-17T19:52:51.223 回答

score 1 · Accepted Answer

首先，您必须学习如何创建叠加层。这很容易通过一些基本的 CSS 来完成。

显示帮助内容的内容（您的 PNG 图像）将包含在覆盖元素（很可能是 a div）中。您将不得不将它们定位在周围，您可以选择使用纯 CSS 来实现，或者使用 jQuery UI 的Position助手之类的东西来帮助您。

最后，您将需要一些 Javascript / jQuery 来启动覆盖的切换。您想阅读jQuery 中的事件。最有可能的是，您将附加在click.

score 0 · Accepted Answer

0

听起来您正在寻找类似Colorbox的东西

于 2012-05-17T16:23:12.220 回答

5 回答 5