为了账号安全,请及时绑定邮箱和手机立即绑定

关于js动画效果,禁止冒泡的问题,研究了好久都没写好。。

关于js动画效果,禁止冒泡的问题,研究了好久都没写好。。

高手之路 2016-05-18 09:37:59
用图片显示,这是一个LI下三个Div,重点是第二个Div的内容,因为第二个Div有透明度,所以用了第三个Div包裹住了内容,内容用H4,H5,H6定义的样式,并没有用Li,所以便出现了-当我鼠标移动到Li的时候,触发#home2-oDis动画事件,这是理想效果,可当我鼠标移动到子元素h4,h5,h6的时候会不断触发移入时的动画效果, 当鼠标移入Li的时候,获取当前Li中第二个Div,执行Div里position中top:58px的动画效果(原来为top:110),在达到top:58px的时候执行链式运动top:68px(向下移动10px),那么问题来了,因为链式运动结束时距上:top:68px,所以当我鼠标移动到子元素的时候,会触发移入时的运动top:58px,top会向上移动10px达到top:58px。所以现在的情况是,当我鼠标在H4,H5,H6之间来回移动的时候,#home2-oDis会像抽风了一样上下抖动。。。
查看完整描述

1 回答

  • 1 回答
  • 2 关注
  • 1605 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信