当用户悬停在一个特定的元素,我希望显示一个div(向上和向右),他们可以点击弹出一个对话框。 div会出现几乎像一个工具提示。当他们悬停时div会消失。jquery显示浮动div
2
A
回答
1
这是您正在寻找的链接。 http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
这是一个非常方便的工具提示插件,我已经多次使用。 无论您的特定需求是什么,修改和扩展都很容易。
干杯。
1
您可以自己很容易地与.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
});
代码这个假设你不希望如果你想快速做出使用对方的回答
2
描述的插件你只有一个位置,这很容易做到。
jQuery代码:
$('[id$=idOfElement]').mouseover(function() {
$('[id$=divToShow]').show();
}).mouseout(function() {
$('[id$=divToShow]').hide();
});
HTML:
<div ID="div_Tooltip" style="display:none; position:absolute; top:0; left:100px;"> Content to Show </div>
所有你需要做的是绝对定位的div的确切位置,你想让它弹出。 但是,如果你打算在页面上有几个工具提示,我会使用一个插件,比如JimP推荐的插件。
0
看看jQuery的ClueTip插件,它能够处理你正在寻找
相关问题
- 1. html div浮动和显示
- 2. IE8不显示div与浮动
- 3. 浮动div后面不显示
- 4. jQuery动画浮动div
- 5. 浮动div无法与浮动或显示
- 6. 浮动div内的jquery选项卡没有正确显示
- 7. 滚动显示div - jquery
- 8. DIV浮动右浮动DIV左浮动
- 9. 用jQuery居中浮动div
- 10. 使用JQuery的浮动div
- 11. jQuery - 垂直浮动DIV
- 12. 使用jQuery()浮动DIV
- 13. 定位Div - jquery浮动
- 14. JQuery创建浮动div
- 15. 无法将DIV浮动到DIV上方并显示图像
- 16. 在Android中显示浮动浮动值
- 17. jquery显示一个div div
- 18. 使浮动的div div分开浮动
- 19. 开关2浮动Div与jquery动画
- 20. CSS - 显示动态高度浮动DIV - 缺少背景图片
- 21. 动态显示/隐藏div与jQuery
- 22. 在动态div中显示jquery结果
- 23. Jquery - 动画完成后显示div
- 24. jQuery |当用户滚动时显示div
- 25. jQuery make li主动显示div内容
- 26. 动画div显示/隐藏(jQuery)
- 27. jquery动画显示div从上到下
- 28. 隐藏和显示div与jquery移动
- 29. 浮动右div div左div
- 30. IE显示浮动错误
你到底有哪一部分有问题的功能?可以用你的确切代码发布[jsFiddle](http://jsfiddle.net)? – kapa 2011-06-14 14:59:07