随着Web 2.0的发展，越来越多的网站在使用js和css动画来提供更加良好的用户体验。其中，抽屉动画是一种常见的动画效果，特别适用于侧边栏、菜单栏等需要隐藏和显示的元素。

实现抽屉动画的关键在于js和css的配合。下面是一段使用jquery实现简单抽屉动画的代码：

$(document).ready(function(){
$("#toggle").click(function(){
$("#drawer").slideToggle("slow");
});
});

上述代码中， toggle按钮的点击事件绑定了一个slideToggle函数， "slow"表示动画持续时间。当toggle被点击时，drawer元素就会以从上往下的方式展现或隐藏。

除了使用jquery的slideToggle函数，css3也提供了一些动画效果，可以使用transition和transform属性实现，具体实现方式可以参考以下代码：

.drawer {
background: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,.2);
overflow: hidden;
position: fixed;
top: 0;
left: -280px;
width: 280px;
height: 100%;
transition: transform 0.3s ease;
z-index: 1000;
}
.drawer.active {
transform: translateX(280px);
}

上述代码中， drawer元素被设置为position:fixed，宽度为280px，左侧隐藏，只有当active类被添加时才会展现出来。transition属性指定动画效果的持续时间和运动曲线，transform属性则指定元素的变换效果。

总之，在网站开发中，js和css动画的运用可以提高网站的交互性和用户体验，下次在开发抽屉动画时，以上代码可以帮助你更好地实现预期效果。