jquery在hover时show、hide增加speed造成快速移入移出的抖动问题

pc 端导航栏,抖动问题

stop这个方法的用途就是用于停止动画或效果,在它们完成之前。

它接受两个参数:
stopAll:规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行;
goToEnd:规定是否立即完成当前动画,默认是 false。默认地,stop() 会清除在被选元素上指定的当前动画。
jQuery中的动画有show()、hide()、fadeIn()、fadeOut()、slideDown()、slideUp()、animate()等等。stop()方法对上述的动画都适用。


$(function(){
  $('#production_advantage').mouseenter(function () {
    $('.advantage').eq(0).stop(false, true).show("slow")
  })
  $('#production_advantage').mouseleave(function () {
    $('.advantage').eq(0).stop(false, true).hide("slow")
  })
  $('#production_plan').mouseenter(function () {
    $('.plan').eq(0).stop(false, true).show("slow")
  })
  $('#production_plan').mouseleave(function () {
    $('.plan').eq(0).stop(false, true).hide("slow")
  })
});
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 警告请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document....
    鹿守心畔光阅读 2,863评论 3 104
  • jQuery 语法实例 $(this).hide()演示 jQuery hide() 函数,隐藏当前的 HTML ...
    左神话阅读 577评论 0 0
  • 资料来源 w3cschool 1.元素的显示与隐藏 1.1显示元素show() 语法 $(selector).sh...
    小人物的秘密花园阅读 441评论 0 0
  • jQuery jQuery简介 jQuery是一个javascript函数库 jQuery是一个轻量级的“写得少,...
    dingmouren123阅读 184评论 0 1
  • 1.1 jQuery简介 jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个...
    拼搏男孩阅读 150评论 0 2