首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如果鼠标未悬停在div上,则它会淡出

如果鼠标未悬停在div上,则它会淡出
EN

Stack Overflow用户
提问于 2012-06-23 22:11:51
回答 2查看 494关注 0票数 0

我想要的代码中,一个div淡出,如果鼠标不悬停在它上面。这是使div可见的代码。一旦它显示出来,它就会淡出。我希望如果用户在它淡出时悬停在它上面,它就会停止淡出并变成最初的样子。然后,当用户离开它时,它会再次淡出。

代码语言:javascript
运行
复制
$('#popuup_div').css({left:leftVal,top:topVal}).show().fadeOut(2000);
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-06-23 22:18:34

jQuery有一个stop()函数,可以停止在一个元素上发生的所有动画。在mouseover()事件处理程序中使用它,就完成了。

票数 1
EN

Stack Overflow用户

发布于 2012-06-23 22:29:00

看看这把小提琴。http://jsfiddle.net/6WMDz/1/

代码语言:javascript
运行
复制
$('#popuup_div').on('mouseover', function() {
     $(this).fadeIn();
});

我已经使用了mouseoverfadeIn这个分区。您也可以使用stop,但它不会将显示重置为初始状态。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11170150

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档