Javascript特效之动画下拉效果
今天来看看怎么实现好看的动画下拉框效果。
效果图:
点击按钮会呈现动画效果下拉获取缩回。
实现思路:
就是在div里面加一个p元素存放文字。在点击按钮是使用jquery动画效果slideToggle来显示或者隐藏p元素,再把按钮最右边的箭头改成相应的即可。
jquery代码:
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});