JavaScript库可以流畅地显示/隐藏元素

时间:2012-12-15 15:31:21

标签: javascript css show-hide

我需要动画显示和隐藏div元素。是否有任何JS库或CSS技巧,这使它成为可能?我知道jQuery和类似的,但它们太大了 - 我不想使用超过5 KB。

我也尝试过CSS转换,但它不允许使用display属性。可见性在页面中占据,这是不可取的。

<小时/> 修改 例如: jQuery.toggle()。 第二个Demo来自顶部。

2 个答案:

答案 0 :(得分:2)

使用CSS过渡。您无需触摸显示属性。

您可以将div的高度/宽度(或两者)设置为0,然后设置为所需的大小,并激活转换。

或者,如果您为其位置设置动画,您可以从页面中飞出/飞出div(从页面外部开始并飞到所需位置,反之亦然)。您可以从顶部或从左/右滑动它们。

答案 1 :(得分:0)

此页面似乎显示了在没有jQuery的情况下执行此操作所需的代码:

http://brugbart.com/Articles/javascript-fade

虽然没有完全通过页面阅读,所以我不能说它是否合法。