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