用原生javascript写出jquery中slideUp和slideDown效果

设置块级元素的CSS属性overflow为hidden,然后动态改变height即可

 

var header=document.getElementsByTagName('header')[0];
header.style.transition='height 500ms';
header.style.overflow='hidden';

 

// slideUp
header.style.height='0';


// slideDown
header.style.height='70px';

posted @   锐洋智能  阅读(1860)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示