当前位置:嗨网首页>书籍在线阅读

20-讨论

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

7.4.2 讨论

使用 animate 方法使我们能够明确指定使用哪个CSS属性来创建动画特效。

还使用 toggle 作为终点值。这样, animate 方法将当前高度作为初始状态,并在0和初始状态的100%之间切换。

在例子中,方框的初始状态是可见的。如果我们希望它滑动并淡入可视区域,只需要将样式表中的显示属性设置为 none

警告

没有必要在样式中将高度设置为0;实际上,这样做意味着动画不会扩展到正确的高度,因为它将在0高度(来自CSS)和0高度之间切换,从而不会显示任何内容( slideUp 终点)。