jq 解决动画淡入淡出，隐藏显示，多次操作BUG

2019独角兽企业重金招聘Python工程师标准>>>

一般我们有动态的比如一个 div 点击其他一个或者是鼠标移动到另一个 div时候，淡入淡出动画，或者是其他动画。显示或者隐藏。当然如果使用 CSS3动画那就更好了，那样BUG是没有的。

可是会发现如果我们操作比较频繁的时候，就会发现动画就一直在无脑执行，自动操作很多次。这不是我们想要的：

解决办法：

下面是一个鼠标移动移出 div 淡入淡出或者是隐藏的效果例子 js部分：

//鼠标经过标题显示 div 隐藏就隐藏

//鼠标移动事件推荐使用 hover（）如果是其他事件容易出现BUG的
$("#thingContent").hover(function(event) {
//$("#thinkStandard").show();
// event.preventDefault(); //这里不可以，连基本效果都没有

//event.stopPropagation(); 这个不行

$("#thinkStandard").stop(true).fadeIn();
}, function(event) {
// $("#thinkStandard").hide();
// event.preventDefault();
//event.stopPropagation();

// stop(true) 表示停止所有的同级队列，如果不为ture 那么会将当前的动画执行完才会执行下去的
$("#thinkStandard").stop(true).fadeOut(3000);
// $("#thinkStandard").stop().fadeOut(3000); stop阻止同级别的事件

});

详情请看 jq stop() 方法和 hover 方法

转载于:https://my.oschina.net/u/2419285/blog/794736

jq 解决动画淡入淡出，隐藏显示，多次操作BUG相关推荐

Mr.J-- jQuery学习笔记(十七)--动画淡入淡出弹窗广告
之前写过动画的隐藏与显示:Mr.J-- jQuery学习笔记(十四)--动画显示隐藏动画隐藏与显示的一个小demo--对联广告:Mr.J-- jQuery学习笔记(十五)--实现页面的对联广告展开 ...
android淡入淡出动画循环,Android activity动画(淡入淡出)
今天记录下Activity一个淡入淡出的切换效果大概效果就是去除了activity的切换动画,感觉很简洁,个人比较喜欢这个效果直接上效果: video2gif_20190222_175450.gi ...
fragment 淡入淡出_Fragment之Fragmentation库（添加转场动画）
部分内容来源于别人的总结,如有冒犯侵权,请告知! 邮箱:simoncqhy@163.com.谢谢!我只想做一个记录,以免自己以后出现不知道怎么解决. Fragmentation库:非常适合单Activ ...
fragment 淡入淡出_Activity和Fragment的转场动画
Activity设置转场动画需要在startActivity和finish之后,意为给开启新视图或关闭旧视图添加转场动画. 这是Acitivity通过overridePending方法,设置进和出: ...
jQuery 效果 - 淡入淡出fadeIn()、fadeOut、fadeTo、fadeToggle()示例
fadeIn():通过将它们淡入淡出来显示匹配的元素. <!DOCTYPE HTML> <html lang="en"> <head><m ...
音频淡入淡出怎么设置？淡入淡出效果如何制作方法合集
不知道小伙伴们是否和我一样,喜欢用一首歌的高潮部分来作为手机铃声.如果在嘈杂的环境下,这个铃声听起来就不会觉得很大声,但如果在比较安静的环境下,就很容易被铃声吓到.所以为了防止这一情况的发生,我们可以 ...
jq样式操作和效果(显示隐藏,滑入滑出,淡入淡出)
jq样式操作和效果 1.样式 1.jq设置样式 $("div").css('属性','值'); 2.jq排他思想 //多选一.排他思想,当前元素设置样式,其与兄弟清除样式 $(th ...
jQuery效果：隐藏、显示、切换、滑动、淡入淡出、动画
jQuery效果隐藏.显示.切换.滑动.淡入淡出.以及动画1.隐藏与显示(改变:display:none;) hide()--隐藏 show()--显示toggle()方法:可以使用它来切换hide ...
jQuery学习笔记系列（一）——入口函数，jQuery对象和DOM对象，jQuery选择器、样式操作、效果（显示隐藏、滑入滑出、淡入淡出、自定义动画、停止动画队列）
day01 - jQuery 学习目标: 能够说出什么是 jQuery 能够说出 jQuery 的优点能够简单使用 jQuery 能够说出 DOM 对象和 jQuery 对象的区别能够写出常用的 ...

jq 解决动画淡入淡出，隐藏显示，多次操作BUG

jq 解决动画淡入淡出，隐藏显示，多次操作BUG相关推荐

最新文章

热门文章

jq 解决 动画 淡入淡出，隐藏显示，多次操作BUG

jq 解决 动画 淡入淡出，隐藏显示，多次操作BUG相关推荐

最新文章

热门文章

jq 解决动画淡入淡出，隐藏显示，多次操作BUG

jq 解决动画淡入淡出，隐藏显示，多次操作BUG相关推荐