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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。