jQuery淡入淡出效果 – 淡入动画fadeIn

fadeOut是淡出效果,相反的还有淡入效fadeIn,方法使用上两者都是一致的,只是结果相反。

.fadeIn( [duration ] [, complete ] )
  • duration:指定过渡动画运行多长时间(毫秒数),默认值为400。该参数也可以为字符串”fast”(=200)或”slow”(=600)。
  • 元素显示完毕后需要执行的函数。函数内的this指向当前DOM元素。

fadeIn()函数用于显示所有匹配的元素,并带有淡入的过渡动画效果。

注意:

  • 淡入的动画原理:操作元素的不透明度从0%逐渐增加到100%
  • 如果元素本身是可见的,不对其作任何改变。如果元素是隐藏的,则使其可见

发表评论

电子邮件地址不会被公开。 必填项已用*标注