Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.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显示浮动div_Jquery - Fatal编程技术网

jquery显示浮动div

jquery显示浮动div,jquery,Jquery,当用户将鼠标悬停在特定元素上时,我希望显示一个div(向上和向右),他们可以单击该div弹出一个对话框。div看起来就像一个工具提示。div将在它们离开时消失。这是您要查找的链接。 这是一个非常方便的工具提示插件,我已经使用过多次。 无论您的特殊需求是什么,它都很容易修改和扩展 干杯。您可以通过组合使用.hover()轻松编写此代码和CSS $("div.someclass").hover(function(){ $("div.someclass div.tooltip").show(

当用户将鼠标悬停在特定元素上时,我希望显示一个div(向上和向右),他们可以单击该div弹出一个对话框。div看起来就像一个工具提示。div将在它们离开时消失。

这是您要查找的链接。

这是一个非常方便的工具提示插件,我已经使用过多次。 无论您的特殊需求是什么,它都很容易修改和扩展


干杯。

您可以通过组合使用
.hover()轻松编写此代码和CSS

$("div.someclass").hover(function(){
    $("div.someclass div.tooltip").show(); //or use fade in
}, function(){
    $("div.someclass div.tooltip").hide(); //or use fade out
});

假设您不想使用另一个答案中描述的插件,如果您只想在一个位置快速创建自己的插件,那么很容易做到

jquery代码:

$('[id$=idOfElement]').mouseover(function () {
    $('[id$=divToShow]').show();
}).mouseout(function () {
    $('[id$=divToShow]').hide();
});
html:


心满意足

你所要做的就是绝对地将div定位在你想要它弹出的地方。
但是,如果一个页面上有多个工具提示,我会使用JimP推荐的插件。

看看jQuery插件,它能够处理您正在寻找的功能。

您到底对哪个部分有问题?你能用你的确切密码发一封信吗?