我需要动画显示和隐藏div元素。是否有任何JS库或CSS技巧,这使它成为可能?我知道jQuery和类似的,但它们太大了 - 我不想使用超过5 KB。
我也尝试过CSS转换,但它不允许使用display属性。可见性在页面中占据,这是不可取的。
<小时/> 修改 例如: jQuery.toggle()。 第二个Demo来自顶部。
答案 0 :(得分:2)
使用CSS过渡。您无需触摸显示属性。
您可以将div的高度/宽度(或两者)设置为0,然后设置为所需的大小,并激活转换。
或者,如果您为其位置设置动画,您可以从页面中飞出/飞出div(从页面外部开始并飞到所需位置,反之亦然)。您可以从顶部或从左/右滑动它们。
答案 1 :(得分:0)
此页面似乎显示了在没有jQuery的情况下执行此操作所需的代码:
http://brugbart.com/Articles/javascript-fade
虽然没有完全通过页面阅读,所以我不能说它是否合法。