css - 提供产品信息的弹出窗口

Question

我希望在我网站的重要选项旁边有一个问号，这样我就可以在一个小弹出窗口中向用户显示有关该选项的信息。

我希望有一个类似this 的弹出窗口.单击“设置提醒”选项以查看弹出窗口。任何人都可以指导我他们是如何制作这个或他们使用了什么来制作这个漂亮的小弹出框的。

谢谢:)

Answer 1

您可以将其称为工具提示。有很多工具可以帮助您实现这种效果。根据您喜欢的 javascript 框架，您可以找到许多插件。这里有一些 jQuery 框架。

http://flowplayer.org/tools/tooltip/index.html

http://plugins.learningjquery.com/cluetip/demo/

http://craigsworks.com/projects/qtip/demos/

如果你想要更多，你可以谷歌“jQuery tooltips”。

P.S:如果您希望工具提示出现在“点击”事件上，请使用您选择的工具提示的 javascript 文件。