Jquery 如何使用引导构建自定义工具提示窗口?
我正在尝试建立网站。我想有一个功能,比如当网站访问者将鼠标悬停在回答问题的用户的图片上时,新窗口(可能是工具提示/弹出窗口-我不确定)应该打开,拥有关于该用户的所有详细信息,并将新窗口(鼠标移出)隐藏起来。如何使用引导定制实现同样的功能Jquery 如何使用引导构建自定义工具提示窗口?,jquery,css,twitter-bootstrap,tooltip,popover,Jquery,Css,Twitter Bootstrap,Tooltip,Popover,我正在尝试建立网站。我想有一个功能,比如当网站访问者将鼠标悬停在回答问题的用户的图片上时,新窗口(可能是工具提示/弹出窗口-我不确定)应该打开,拥有关于该用户的所有详细信息,并将新窗口(鼠标移出)隐藏起来。如何使用引导定制实现同样的功能 谢谢。在提出问题之前,您确实应该发布一些您尝试过的代码,但作为建议: 这可以通过CSS轻松实现。假设我们有两个元素:#包装器和#弹出窗口 #包装器包含图像,即#popup元素,并具有position:relative #popup是包含用户数据的元素,是隐藏的,
谢谢。在提出问题之前,您确实应该发布一些您尝试过的代码,但作为建议: 这可以通过CSS轻松实现。假设我们有两个元素:#包装器和#弹出窗口 #包装器包含图像,即#popup元素,并具有position:relative #popup是包含用户数据的元素,是隐藏的,位置:绝对,顶部:100%。您可以使用它来实现弹出窗口的不同位置 要使弹出窗口可见,可以在包装器上设置CSS:hover条件以显示弹出窗口,如
#wrapper:hover #popup { display:block; }
这里有一把小提琴来展示这个概念:
希望这有帮助。到目前为止,你自己试过什么吗?我已经得到了我想要的。这对我帮助很大