基础动画效果
主要是通过jQuery对元素的大小进行变化,设定相应的时间从而达到动画的效果。
代码案例
$("#showDiv").show(3000);
$("#showDiv1").hide(1000);//元素隐藏
$("#showDiv1").show(1000);//元素显示
$("#showDiv2").toggle(2000);//元素状态转换
$("#showDiv2").toggle(2000);
$("#showDiv3").slideDown(1500);//元素高度向下增加
$("#showDiv3").slideUp(1500);//元素高度向上缩减
$("#showDiv4").fadeIn(1500);//元素淡入
$("#showDiv4").fadeOut(1500);//元素淡出
学习过程中的积累,有任何问题欢迎指教!
来源:CSDN
作者:weixin_44172800
链接:https://blog.csdn.net/weixin_44172800/article/details/104088054