怎么在JQuery中使用animate实现一个动画？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
站在用户的角度思考问题，与客户深入沟通，找到白城网站设计与白城网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、网站制作、企业官网、英文网站、手机端网站、网站推广、申请域名、网站空间、企业邮箱。业务覆盖白城地区。
滑动选项卡
Title
.btns input{
width: 100px;
height: 40px;
background-color: grey;
border: 0;
}
.btns .current{
background-color: gold;
}
.cons .slides div{
width: 500px;
height: 300px;
background-color: gold;
/*display: none;!*整体都不显示了*!*/
text-align: center;
line-height: 300px;
font-size: 30px;
float: left;/*把三个div由隐藏改为浮动*/
}
.cons{
width: 500px;
height: 300px;
overflow: hidden; /*超过cons的slide隐藏*/
position: relative;/*相对于slide绝对定位*/
}
.slides{
width: 1500px;
height: 300px; /*把slide加长*/
position: absolute;/*相对于cons相对定位*/
}
.cons .active{
display: block;
}
$(function () {
var $btn=$('.btns input');
var $slides=$('.cons .slides');
// alert($btn.length);
// alert($div.length);
$btn.click(function () {
// 我点击哪一个按钮，$(this)就指的是谁,而this
//指的是原生的，$（this）指的是JQuery的
// $(this).siblings().removeClass('current');
// $(this).addClass('current');//可以用链式调用
$(this).addClass('current').siblings().removeClass('current');
// var num=$(this).index();
// $div.eq($(this).index()).addClass('active').sibling().removeClass('active');
$slides.animate({left:(-500*$(this).index())});
})
})
