Question

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

我希望有一个像this这样的弹出窗口。单击Set Reminder选项以查看弹出窗口。对于这个漂亮的小弹出框，任何人都可以指导我们如何制作这个或者他们使用了什么。

谢谢：）

Answer 1

您可以将其称为工具提示。有大量的工具可以帮助您实现这种效果。根据您首选的JavaScript框架，您可以找到许多插件。以下是jQuery框架的一些内容。

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

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

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

如果你想要更多，你可以谷歌“jQuery工具提示”。

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

Answer 2

<script>
function showpopup(id) {
d = document.createElement('div');
d.style.position = 'absolute';
d.style.height = '100px';
d.style.width = '100px';
d.innerHTML = '<p>Testing...</p>';
d.setAttribute('style', d.getAttribute('style') + 'background-color: blue;');
d.style.top = '' + (document.getElementById(id).style.top - 100);
d.style.left = '' + (document.getElementById(id).style.left - 50);
document.body.appendChild(d);
}
</script>
<a href='#' id='l1' onclick='showpopup("l1");'>aalsdkfj</a>

Answer 3

你可以使用很多工具，包括jQuery的一百个模态对话框。如果您想要一个不依赖于CSS框架的全面解决方案，请查看Floatbox。它相对纤薄，易于使用和支持非常好。

弹出窗口，提供有关产品的信息

3 个答案: