部分方法合集：
1.toggle():
$(function(){
$("#menu ul li.lastItem").click(function(){
// 切換菜單
$("#menu li:gt(1):not(:last)").toggle();
// 更換底部箭頭方向
$(this).toggleClass("down");
});
toggle()方法除了模擬鼠標(biāo)連續(xù)單擊事件之外喇喉，同時(shí)會(huì)動(dòng)態(tài)的隱藏改變當(dāng)前元素的高度雕蔽，寬度和不透明度粘咖，最終切換當(dāng)前元素的可見狀態(tài)昭灵。如果元素可見贿讹，則切換隱藏狀態(tài)渐逃，如元素隱藏，切換可見狀態(tài)
<script type="text/javascript">
$(function(){
$("#btu").click(function(){
if($(this).val()=="淡入"){
$("#pic").fadeIn("slow",function(){
$(this).css({"border":"1px solid #ccc","padding":"5px"});
});
$(this).val("淡出") ;
}else{
$("#pic").fadeOut("slow") ;
$(this).val("淡入") ;
}
});
});
</script>
2.fadeln()與fadeOut();
這兩個(gè)方法民褂，實(shí)現(xiàn)了淡入和淡出的一個(gè)動(dòng)畫效果茄菊，fadeln（）漸顯效果，fadeout（）漸隱效果赊堪，兩者結(jié)合使用面殖，可把元素隱藏在按鈕中，在通過點(diǎn)擊事件顯示哭廉，兩方法只改變?cè)氐耐该鞫燃沽牛恍薷钠渌麑傩?/p>
<script type="text/javascript">
$(function(){
$("#menu ul li.lastItem").click(function(){
// 切換菜單
$("#menu li:gt(1):not(:last)").fadeToggle();
// 更換底部箭頭方向
$(this).toggleClass("down");
});
});
</script>
3.fadeToggle();
此方法會(huì)動(dòng)態(tài)的改變當(dāng)前元素的透明度，最終卻換當(dāng)前元素的可見狀態(tài)遵绰。如果元素是可見的辽幌，則通過淡出效果切換隱藏；如果元素是隱藏的椿访，則通過淡入效果切換可見狀態(tài)乌企，不設(shè)置參數(shù)時(shí)，默認(rèn)0.4秒內(nèi)發(fā)生淡入與淡出的動(dòng)畫效果
<p><img src="550.png"/></p>
<p>
<select id="sel">
<option value="0">0</option>
<option value="0.2">0.2</option>
<option value="0.4">0.4</option>
<option value="0.6">0.6</option>
<option value="0.8">0.8</option>
<option value="1" selected="selected">1</option>
</select>
</p>
<script type="text/javascript">
$(function(){
$("#sel").change(function(){
var zhang = $(this).val() ;
$("img").fadeTo(3000,zhang) ; // 指定切換透明度的實(shí)行速度
})
})
</script>
4.fadeTo() ;
fadeln()與fadeOut()方法都是漸隱漸顯成玫，透明度從1到0加酵，從0到1實(shí)現(xiàn)一個(gè)漸隱漸顯效果，而fadeToggle()方法則是可以控制1-0的透明度哭当，為更好展示透明度的效果猪腕，可在頁面中創(chuàng)造一個(gè)下拉框，用于保存透明度值钦勘，操作下拉框去控制圖片透明度值
<script type="text/javascript">
$(function(){
$(".secondLi").hover(function(){
$(".secondLi ul").slideDown(500);
},function(){
$(".secondLi ul").slideUp(500) ;
});
});
</script>
5.slideDown(); 與 slideUp() ;
slideDown()可改變?cè)馗叨嚷希尸F(xiàn)一個(gè)滑動(dòng)效果，由上往下滑動(dòng)彻采，直到顯示最終的當(dāng)前元素脖岛，slideUp（）相反朵栖，由下往上滑動(dòng)，直到隱藏最終的當(dāng)前元素
$(function(){
$(".secondLi").click(function(){
$(".secondLi ul").slideToggle(500);
});
});
</script>
6.slideToggle();
slideToggle()方法跟slideDown(); 與 slideUp() ;兩個(gè)方法有異曲同工之妙柴梆，同樣可改變?cè)氐母叨龋煌趕lideDown(); 與 slideUp() ; 的效果终惑， 這個(gè)方法是通過點(diǎn)擊事情控制元素的隱藏和顯示
<script type="text/javascript">
$(function(){
$("img").click(function(){
$(this).animate({"width":"280px","height":"280px"},6000)
})
})
</script>
7.animate() ;
這個(gè)方法是自定義動(dòng)畫效果的方法绍在，高度，寬度雹有，透明度偿渡，運(yùn)行速度都是可通過自定義給屬性，這個(gè)方法只能改變可以取數(shù)字值的css屬性霸奕，如：大小溜宽，邊框，內(nèi)外邊距质帅，定位适揉，字體，文本煤惩，背景嫉嘀，透明度。
$(function(){
$(".secondLi").hover(function(){
$(".secondLi ul").stop().slideDown(1000) ;
},function(){
$(".secondLi ul").stop().slideUp(1000) ;
});
});
8.stop() ;
停止動(dòng)畫魄揉，stop（）方法能結(jié)束當(dāng)前的動(dòng)畫剪侮，并立即進(jìn)入到下一個(gè)動(dòng)畫。
