仿JQuery的show與hide動畫函式

2022-03-11 19:58:27 字數 1553 閱讀 1321

首先介紹兩個工具函式:1//

根據id返回dom元素

2var$ =

function

(id)3//

返回dom元素的當前某css值

4var

getcss 

=function

(obj,name)9//

ff10

else14}

hide函式:

2var

hide 

=function

(obj,speed,fn)

9else

13//

獲取dom的寬與高

14var

owidth 

=getcss(obj,

'width

'), oheight 

=getcss(obj,

'height');

15//

每次dom的遞減數(等比例)

16var

wcut =10

*(+owidth.replace('px

','') /+

oheight.replace('px

','')),hcut =10

;17//處理動畫函式

18var

process 

=function

(width,height),speed);27}

28else35}

36process(owidth.replace('px

',''),oheight.replace('px

',''));37}

show函式與hide函式類似,只是思路相反而已

1var

show 

=function

(obj,speed,fn)

9else

1314

varowidth 

=getcss(obj,

'width

').replace('px

',''), oheight 

=getcss(obj,

'height

').replace('px

','');

15var

wadd =10

*(+owidth /+

oheight),hadd =10

;1617obj.style.width =0

+'px'

;18obj.style.height =0

+'px'

;19obj.style.display ='

block';

2021

varprocess 

=function

(width,height),speed);30}

31else36}

37process(0,

0);38}

呼叫方式如:

1hide('a

','normal',

function

());

呃。。。感覺寫得好冗餘,但不知要如何再優化,希望有高手能寫個精簡些的。。。 

show 與showDialog 的區別

a.winform中窗體顯示 顯示窗體可以有以下2種方法 form.showdialog方法 窗體顯示為模式窗體 form.show方法 窗體顯示為無模式窗體 2者具體區別如下 1.在呼叫form.show方法後,show方法後面的 會立即執行 2.在呼叫form.showdialog方法後,直到關...

Showmodal與Show的區別

1 show 2 showmodal showmodal是個函式,show是個過程 1.showmodal 概念 當你呼叫乙個視窗用showmodal時,當這個視窗顯示出來後,程式不會繼續自己執行,而是根據你對這個視窗的操作來執行,只有關閉了這個視窗後才會執行。屬性 formstyle改為fsnor...

基於JQUERY製作的仿GOOGLE自動完成外掛程式

資料採用json,格式為,js fn.autocomplete function url,option extend doption,option varilengthlower doption.ilengthlower varilengthupper doption.ilengthupper va...