淺入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) //屬性集合，速度和回調函數

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

我相信主要嘗試肯定可以成功。