我需要动画显示和隐藏 div 元素。是否有任何 JS 库或 CSS 技巧可以使它成为可能？我知道 jQuery 和类似的东西，但它们太大了——我不想使用超过 ~5 KB。
我也尝试过 CSS 过渡，但它不允许使用显示属性。可见性发生在页面中，这是不可取的。
编辑： 例如： jQuery.toggle()。从顶部开始的第二个演示。
问问题
1898 次
2 回答
2
使用 CSS 过渡。您无需触摸显示属性。
您可以将 div 的高度/宽度（或两者）设置为 0，然后设置为所需的大小，然后激活过渡。
或者，如果您为它们的位置设置动画，您可以从页面飞入/飞出 div（从页面外部开始并飞入所需位置，反之亦然）。您可以从顶部或从左/右将它们滑入。
于 2012-12-15T16:23:40.903 回答
0
此页面似乎显示了在没有 jQuery 的情况下执行此操作所需的代码：
http://brugbart.com/Articles/javascript-fade
不过，还没有完全通读该页面，所以我不能说它是否合法。
于 2012-12-15T15:36:04.593 回答