
jQuery中的动画
文章平均质量分 64
张大仙是个妖怪
我以为我能逗你笑你就会喜欢我,可是我却输给了让你哭的人!
展开
-
自定义动画方法animate()
1.自定义简单动画animate()方法可以使元素动起来,而且animate()方法更具有灵活性.通过animate()方法,能够实现更加精细新颖的动画效果;使用animate()方法之前,为了能影响该元素的"top","left","bottom"和"right"样式属性,必须把元素的position样式设置为"relative"或者"absolut"2.累加,累减动画在之前的代码中,设置了{left:"500px"}作为动作参数.如果在500px之前加上"+="或者"-="符号表示在当前位置累加原创 2017-03-27 18:20:16 · 1477 阅读 · 0 评论 -
动画回调函数
1.在最后一步切换元素的css样式,而不是隐藏元素css("border","5px solid blue"),如果将fadeOut("slow")改为css("border","5px solid blue"),不能达到预期效果,但是刚开始执行动画css()方法就被执行了2.出现这个问题css()方法并不会加入到动画队列中,而是立即执行.可以使用回调函数callback对非动画方法实现排队,把css()方法写到最后一个动画的回到函数里就可以了原创 2017-03-28 10:29:08 · 574 阅读 · 0 评论 -
show()方法和hide()方法
1.show()方法和hide()方法是jquery中最基本的动画方法.为一个元素调用hide()方法,会将该元素样式改为none$("element").hide()与$("element").css("display","none")相同2.当把元素隐藏后,可以使用show()方法将元素diplay样式设置为先前的显示状态3.show()方法和hide()方法让元素动起来show()方法和hide()方法在不带任何参数的情况下,相当于css("display","none/block/原创 2017-03-27 14:08:12 · 18376 阅读 · 0 评论 -
fadeIn()方法和fadeOut()方法
与show()方法不相同的是,fadeIn()方法和fadeOut()方法只改变元素的不透明度.fadeOut()方法会在指定的一段时间内降低元素的不透明度,直到元素完全消失("display:none").fadeIn()方法则相反.fadeIn()方法和fadeOut()方法原创 2017-03-27 14:27:29 · 3730 阅读 · 0 评论 -
slideUp()方法和slideDown()方法
slideUp()方法和slideDown()方法slideUp()方法和slideDown()方法只会改变元素的高度.当调用slideDown()方法时,这个元素将由上到下延伸显示.sideUp()方法正好相反,由下到上缩短隐藏原创 2017-03-27 14:34:30 · 6628 阅读 · 0 评论