jquery封装的固定动画

//show()
hide()
显示、隐藏
$("#btn").click(function(){
$(".block").hide(1000,function(){
//参数（动画事件，动画完成后的回调函数）
console.log(1);
})
});
$("#btn").click(function(){
$(".block").show(1000,function(){
console.log(2);
})
});
//toggle 切换 结合show()
hide()
$("#btn").click(function(){
$(".block").toggle(1000,function(){
console.log(3);
})
});
//滑动效果
$("#btn").click(function(){
/*$(".block").slideUp();
//上滑
$(".block").slideDown();
//下滑*/
$(".block").slideToggle(1000,function(){
console.log(1);
})
});
//淡入淡出的动画
$("#btn1").click(function(){
/*$(".block").fadeOut(500);
//淡出*/
$(".block").fadeToggle(500,function(){
console.log(1)
})
});
/*$("#btn1").click(function(){
$(".block").fadeIn(3000);
//淡入
})*/
//透明度变化
$("#btn1").click(function(){
$(".block").fadeTo(1000,0.5,function(){
//参数（动画时间，透明度，回调函数）
alert(1);
});
});
//自定义动画
$("#start").click(function(){
$(".block").delay(0).animate({
//动画延迟（时间）
marginLeft:"700px",
opacity:0.3
},1000,function(){
//动画完成
}).delay(500).animate({
marginLeft:"200px",
opacity:1
},2000)
});
$("#stop").click(function(){
$(".block").stop();
//停止当前正在运行的动画
})

最后

以上就是贪玩小海豚为你收集整理的jquery封装的固定动画的全部内容，希望文章能够帮你解决jquery封装的固定动画所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。