jQuery Animation1

登录Demo

用户名：

密  码：

  注册Demo

demo:褪色

• 
• 
• 
• 
• 
• 
• 
• 

注册信息

用户名：
密  码：
提示问题：
问题答案：

本页面为jQuery Animate演示

Demo:褪色

hello,我是褪色(FFEEDD)， OK，废话不多说，本页面演示了jQeruy部分动画Animate效果， 这看起来似乎很酷，能让我们的网页更加招人喜爱，不仅如此，这些 看上去很酷的效果对jQuery来说简直是小菜一碟！ 由于我太菜了，所以要努力跟大家学习啊，对了，因为没装IE7，所以没有考虑IE7所以不知道在IE7下有什么问题。

基本动画

• show()显示隐藏的匹配元素
• hide()隐藏显示的元素
• toggle()切换元素的可见状态
• 括号里有两个参数(speed,fn)速度和回调函数,速度有fast,normal,slow三种，fn函数在动画结束后返回的函数命令

滑动效果

• slideDown()通过高度变化（向下增大）来动态地显示所有匹配的元素
• slideUp()通过高度变化（向上减小）来动态地显示所有匹配的元素
• slideToggle()通过高度变(向下增大 or 向上减小)化来切换所有匹配元素的可见性
• 这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式隐藏或显示。

淡入淡出

• fadeIn通过不透明度的变化来实现所有匹配元素的淡入效果--显示
• fadeout通过不透明度的变化来实现所有匹配元素的淡入效果--隐藏
• 把所有匹配元素的不透明度以渐进方式调整到指定的不透明度
•   例子：$("p").fadeTo("slow", 0.66);用600毫秒缓慢的将段落的透明度调整到0.66，大约2/3的可见度
• 这个效果没有提供切换的函数，好像只可以在自定义的animate里设置opacity:"toggle",效果是一样的

自定义动画

• 用于创建自定义动画的函数
• 这个我解释不好，核心应该是animate，具体请查看API
• //控制标题栏的上下箭头切换，不知道为什么会和最后一个发生了冲突，大概是因为都用了toggle切换函数，导致最后一个出现错误，
• //因此这里使用了dt:lt(3)只应用在前3个DT上了，单独给最后一个又写了一次。