浅入jquery-各种简单的效果[three]前言效果种类显示和隐藏。浅入浅出移动效果动画总结

在现在的网页建设中效果是非常常用的。

比如说当你鼠标移动到某个地方的时候出现的提示。

当你鼠标点击的时候一些切换的效果。

我相信每个人都不能没有注意这些特效。

因为有了这些效果才能使我们的网页更加的美观，功能更加的丰富。

掌握效果的使用也是非常基础而且有必要的基础课程。

1.显示和隐藏。

2.淡入淡出

3.移动

4.动画

显示和隐藏是最基本的效果了。

而且是随处可见的。例如csdn的首页的

很典型的一个例子。

仿照网易邮箱记住密码做的。

主要使用hide和show方法

和html中设置style可见度是一个道理。

也算是一种显示和隐藏功能，但是可以设置显示和隐藏的速度和透明度。

fadein(speed,callback) 可以设置淡入的时间以及callback函数。

fadeout(speed，callback)可以设置淡出时间和callback函数。

fadetoggle（speed，callback）是上述两个函数的结合体。可以在两种状态之间切换

fadeto(speed,opacity,callback) 可以设置时间透明度callback函数。

和上述的例子基本相同。

只要替换函数名即可。

1.fadein和fadeout

2.fadetoggle

3.dadeto

通过移动效果其实和消失移动的功能和和相似。

slidedown() //向下滑动

slideup() //向上滑动

slidetoggle() //向上下滑动的循环

在原来的效果之上加上对属性的一些操作使得如同动画一般。

animate({params},speed,callback) //属性集合，速度和回调函数

很多效果都需要自己去操作，试着模仿网站中的一些效果。

我相信主要尝试肯定可以成功。