jQuery 高级悬停和淡入功能
是否有可能是我劳累过度，寻找的问题相当原始：） 我有以下 HTML 代码：
<h1 class="cloud"><a>bla</a></h1>
<div class="caption">
<img ...../> etc
</div>
jQuery
$(".cloud").hover(function() {
var pos = $(this);
var position = pos.position();
$(this).next().css({ 'top' : position.top+45});
$(this).next().css({ 'left' : position.left+12});
$(this).next().slideDown("slow");
} , function() {
$(this).next().slideUp("slow");
});
我需要使 DIV 在鼠标放在其上时不会淡出。因此，在移动到 H1 后，当鼠标移动到 DIV 时，该 DIV 将在鼠标移开时保持打开状态（H1 除外），以便它淡入。
Is it possible that I was overworked and looking for a problem that is quite primitive:)
I have the following HTML code:
<h1 class="cloud"><a>bla</a></h1>
<div class="caption">
<img ...../> etc
</div>
jQuery
$(".cloud").hover(function() {
var pos = $(this);
var position = pos.position();
$(this).next().css({ 'top' : position.top+45});
$(this).next().css({ 'left' : position.left+12});
$(this).next().slideDown("slow");
} , function() {
$(this).next().slideUp("slow");
});
And I needed to make the DIV not fadeOut when mouse on it. So after moving to H1 fadeOut be made when the mouse move to the DIV that will stay open when the mouse moves away (except H1) so that it fadeIn.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
也许并不完全是你正在寻找的，但如果你将你的 html 包裹在 div 周围，你就可以处理它。
这是一个示例： http://jsfiddle.net/vmHaf/1/
希望有所帮助
Maybe is not exactly what you're looking for but if you wrap your html above around a div you can handle it.
here is an example: http://jsfiddle.net/vmHaf/1/
hope that helps