7月24

jquery自定义动画animate、淡出、 动画、显示/隐藏切换等效果

Large | Medium | Small
06:35 软件分析与设计  From: Original
Reads(4203) | Comments(0) | Trackbacks(0)
W3School说明及在线测试效果:http://www.w3school.com.cn/tiy/t.asp?f=jquery_animation1_multicss
1、jQuery slideToggle() 表示简单的 slide panel 效果。


2、jQuery fadeTo()表示简单的淡出效果。


3、jQuery animate() 动画效果


4、显示/隐藏切换效果 $("p").toggle();


5、jQuery 效果
函数  描述
$(selector).hide()  隐藏被选元素
$(selector).show()  显示被选元素
$(selector).toggle()  切换(在隐藏与显示之间)被选元素
$(selector).slideDown()  向下滑动(显示)被选元素
$(selector).slideUp()  向上滑动(隐藏)被选元素
$(selector).slideToggle()  对被选元素切换向上滑动和向下滑动
$(selector).fadeIn()  淡入被选元素
$(selector).fadeOut()  淡出被选元素
$(selector).fadeTo()  把被选元素淡出为给定的不透明度
$(selector).animate()  对被选元素执行自定义动画
Last modified by tommyhu on2014/11/28 18:01
Add a comment
Emots
emotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemot
Enable HTML
Enable UBB
Enable Emots
Hidden
Remember

Nickname : 

Password(可不填) :  Optional

Site URI (可不填) : 

Email (可不填) :  [Register]