jQuery ui effects詳細用法

2022-02-23 01:08:12 字數 2244 閱讀 1460

jquery ui 內建了一組effects,包括:blind,

bounce,

clip,

drop,

explode,

fade,

fold,

highlight,

pulsate,

puff,

scale,

size,

shake,

slide,

transfer這些效果

這些effect可以通過$("selector").effect(effect,[option],[speed],[callback]),或者是jquery中包裝的show和hide方法呼叫。其引數和effect呼叫相同。

這裡說明下引數的含義:

effect:就是效果名稱,可以是上面列舉的effects之一。

option:在不同的effect中包含不同的option。

speed:可以是數值,單位是ms,也可以是"slow","normal", 和 "fast"。

callback:就是執行完動畫後的**函式。

下面就每個effect的option做乙個說明:

blind:

mode:值為hide/show

direction:值為vertical/horizontal

bounce: 

direction: 值為up/down/left/right

distance: 值為數值,預設為20

times: 值為數值,預設為5

duration:值為數值,每個彈跳的速度,預設值250ms

clip:

mode:值為show/hide

direction:值為vertical/horizontal

drop

direction: 值為left/right/top/down

mode: 值為show/hide

distance:值為數值。

explode

pieces: 值為數字,**的塊數。預設為9

mode: 值為show/hide/toggle

fade

mode: 值為show/hide

fold

mode:值為show/hide

size: 值為數值,摺疊的大小,預設為15

horizfirst:bool值,是否先水平方向摺疊

highlight

mode: 值為show/hide

color: 值為顏色值,預設為#ffff99

pulsate

mode:值為show/hide

times:值為數值,跳動的次數

puff

mode:值為show/hide

percent: 值為數值,膨脹的比例,預設為150

scale

mode:值為show/hide

percent: 值為數值

direction:

vertical/horizontal

/both

origin:原始大小

from: 效果開始的大小

size

mode:值為show/hide

restore: bool型別,預設false

scale:

vertical/horizontal

/both

origin:原始大小

from:從一定的高度和寬度開始

to:到一定的高度和寬度結束

shake

mode:值為show/hide

direction: 值為left/right/up/down,預設值left

distance: 值為數字,預設值20

times:值為數字

duration:每次效果的速度

slide

mode:值為show/hide

direction: 值為left/right/up/down

distance: 值為數值

transfer

to:目標jquery物件

classname: 需要新增的css樣式名稱.

jquery ui 為我們封裝了上面的一些效果,在大部分的開發中,上述的效果基本可以滿足我們的需求。而不需要我們自己另行開發。此外,在jquery ui中封裝了一組easing

可以在effect中搭配easing的使用,注意easing也是上述所有effect的option中的乙個option,option的名稱就是easing。  

ofstream和ifstream詳細用法

ofstream是從記憶體到硬碟,ifstream是從硬碟到記憶體,其實所謂的流緩衝就是記憶體空間 在c 中,有乙個stream這個類,所有的i o都以這個 流 類為基礎的,包括我們要認識的檔案i o,stream這個類有兩個重要的運算子 1 插入器 向流輸出資料。比如說系統有乙個預設的標準輸出流 ...

ofstream和ifstream詳細用法

標籤 c 檔案ofstream是從記憶體到硬碟,ifstream是從硬碟到記憶體,其實所謂的流緩衝就是記憶體空間 在c 中,有乙個stream這個類,所有的i o都以這個 流 類為基礎的,包括我們要認識的檔案i o,stream這個類有兩個重要的運算子 1 插入器 向流輸出資料。比如說系統有乙個預設...

ofstream和ifstream詳細用法

ofstream是從記憶體到硬碟,ifstream是從硬碟到記憶體,其實所謂的流緩衝就是記憶體空間 在c 中,有乙個stream這個類,所有的i o都以這個 流 類為基礎的,包括我們要認識的檔案i o,stream這個類有兩個重要的運算子 1 插入器 向流輸出資料。比如說系統有乙個預設的標準輸出流 ...