jQuery之動畫操作

2021-07-31 01:24:10 字數 1985 閱讀 1627

show方法和hide方法:

$(selector).show(speed,callback)

for(var i=0;i<5;i++)

$("div").click(function())

$("button").click(function())

在jquery1.9之後,刪除了toggle函式,但是我們可以用一種間接的方法實現同樣的效果

var state=1

$("#button1").click(function()

else

})

slidedown和slideup方法:

slidedown([speed],[callback])緩慢舒展

slideup([speed],[callback])緩慢收縮

引數說明:

var slidestate=1

$("#slide").click(function()

else

})

使用callback:

$("img").slideup(2000,function())
fadein和fadeout方法:

fadein([speed],[callback])

fadeout([speed],[callback])

//fadein

var fadestate=1

$("#fadein").click(function()

else

})

淡出的透明效果fadeto:

fadeto([speed],opacity,[callback])

$("img").fadeto(1000,0.5)
漸變切換fadetoggle方法:

$("img").fadetoggle(2000)
animate方法:

animate(style,[speed],[eading],[callback])

$("#animate").click(function(),3000)

$("img").animate(,3000,function())

})

用animate實現定位:

$("#position").click(function(),2000)

$("img").animate(,2000)

$("img").animate(,2000)

$("img").animate(,2000,function())

})

stop停止動畫,off關閉動畫

$("img").queue("fa",function(),2000)

$("img").animate(,2000)

$("img").animate(,2000)

$("img").animate(,2000,function())

})$("#queue").click(function(),2000)

$("img").animate(,2000,function())

})$("#updatequeue").click(function())

使用dequeue()方法刪除佇列的最頂部的函式:

$("#dequeue").click(function())

jQuery之動畫效果

1 show 顯示效果 語法 show speed,callback number string,function speend為動畫執行時間,單位為毫秒。也可以為slow normal fast callback可選,為當動畫完成時執行的函式。show speed,easing callback ...

jQuery之動畫效果

jquery之動畫效果 1 show 顯示效果 語法 show speed,callback number string,function speend為動畫執行時間,單位為毫秒。也可以為slow normal fast callback可選,為當動畫完成時執行的函式。show speed,easi...

jQuery之動畫介紹

一 摘要 今天給大家介紹一下jquery的動畫效果,都是一些相關動畫函式的使用,不難,會使用就可以啦.其實,如果想短時間內技術有很大的提公升,堅持每天寫部落格是乙個不錯的選擇,為什麼呢?因為你在寫文章的時間,都是乙個不但的總結,深入學習的過程.技術這個東西就是要多練多總結,最終才能得到快速的提公升....