Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery/javascript/html/css中的弹出框/胡佛框是什么_Javascript_Jquery_Html_Css_Popup - Fatal编程技术网

jquery/javascript/html/css中的弹出框/胡佛框是什么

jquery/javascript/html/css中的弹出框/胡佛框是什么,javascript,jquery,html,css,popup,Javascript,Jquery,Html,Css,Popup,我刚开始研究如何做一些事情,但不确定我要研究的内容的正确名称是什么,以及是否可以在jquery中做一些事情,或者jquery和css的混合。我要找的是一个类似于当你在某物上悬停时弹出的小窗口的东西;类似于将鼠标悬停在超链接上会显示完整链接。但它将被设置为类似于对话框的样式,用户将不得不单击它来查看该对话框,而不是将鼠标悬停在上面,但它将显示为类似于在某个对话框上胡闹。我希望这个问题很清楚,我没有想太多。你说的是工具提示吗?查看这个名为qTip的插件 你说的是工具提示吗?查看这个名为qTip的插件

我刚开始研究如何做一些事情,但不确定我要研究的内容的正确名称是什么,以及是否可以在jquery中做一些事情,或者jquery和css的混合。我要找的是一个类似于当你在某物上悬停时弹出的小窗口的东西;类似于将鼠标悬停在超链接上会显示完整链接。但它将被设置为类似于对话框的样式,用户将不得不单击它来查看该对话框,而不是将鼠标悬停在上面,但它将显示为类似于在某个对话框上胡闹。我希望这个问题很清楚,我没有想太多。

你说的是工具提示吗?查看这个名为qTip的插件
你说的是工具提示吗?查看这个名为qTip的插件

我相信您想要定义的内容被称为“工具提示”。我喜欢用它来实现工具提示。它依赖于jQuery,有许多有用的选项,并且输出易于设置样式的工具提示。

我相信您想要定义的内容被称为“工具提示”。我喜欢用它来实现工具提示。它依赖于jQuery,有许多有用的选项,并输出易于样式化的工具提示。

请检查并查看他们所称的工具提示、popover和modal。这应该有助于澄清。

签出并查看他们所称的工具提示、弹出框和模式。这应该有助于澄清。

引导的工具提示和弹出框…如果需要,可以在工具提示中输入html。


工具提示和引导弹出框…如果您需要,可以在工具提示中添加html。

如果您正在寻找基于jQuery的解决方案,我将支持SiDiX对qTip的建议。它有许多特性,并且相当容易实现


由于您提到您仍处于研究阶段,我建议您在“”上进行谷歌搜索-您将找到许多解决方案。

如果您正在寻找基于jQuery的解决方案,我将支持SiDiX对qTip的建议。它有许多特性,并且相当容易实现


由于您提到您仍处于研究阶段,我建议您在“”上进行谷歌搜索-您将找到许多解决方案。

如果您愿意,您可以使用纯CSS进行搜索

德莫


如果需要,您可以使用纯CSS来实现这一点

德莫


也许是“工具提示”?或者“popover”?@Ian工具提示。谢谢,也许是“工具提示”?或者“popover”?@Ian工具提示。哥德卡,谢谢。这就是它的名字。:)这就是所谓的。:)有趣的是,你提到bootstrap,因为前几天我看到了,不知道他们已经实现了。有趣的是,你提到bootstrap,因为前几天我看到了,不知道他们已经实现了。你永远不会让我惊讶!!你总是让我惊讶!!
#talkbubble {
   width: 120px;
   height: 80px;
   background: red;
   position: relative;
    margin-left:100px;
    padding:10px;
   -moz-border-radius:    10px;
   -webkit-border-radius: 10px;
   border-radius:         10px;
}
#talkbubble:before {
   content:"";
   position: absolute;
   right: 100%;
   top: 26px;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid red;
   border-bottom: 13px solid transparent;
}
.alert {
  display: none;
}
span {
    display: line-block;
    position: absolute;
    left: 10px;
    top:45px;
}

span:focus ~ .alert {
  display: block;
}