JavaScript-jQuery06#基础动画效果

百般思念 提交于 2020-01-26 19:57:51

基础动画效果

主要是通过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);//元素淡出
			

学习过程中的积累,有任何问题欢迎指教!

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!