$(".section2 #eye").show().delay(5000).hide().delay(2000).show();
#eye是一个图片,但上面的句子在浏览器中并没有出现预想的眨眼的效果(出现,消失,出现),而是直接出现。如果句子的末尾时hide()则直接消失了。应该怎么修改?
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
这里的问题是,delay是默认用于延迟动画效果的,非动画效果会无效。所以fadeIn这些函数都可以用delay延迟,而hide不行。
不过也并非完全不行,hide和show可以作为动画效果使用,只需要增加一个参数。
$(".section2 #eye").show(0).delay(5000).hide(0).delay(2000).show(0);