JQ的事件和動畫
1.事件
先舉個栗子：
$(function(){? ? ? ? $("div").bind("click",function(){? ? ? ? $("body").append("
click事件
");? ? ? ? })? ? ? ? $("div").bind("click.plugin",function(){? ? ? ? $("body").append("
click.plugin事件
");? ? ? ? })? ? ? ? $("button").click(function(){? ? ? ? $("div").trigger("click!");? ? ? ? })? ? ? ? })
其中荆姆，click可以被命名，在之后操作修改的時候可以有可取性，可以刪除".plugin"的事件，單獨(dú)實(shí)現(xiàn)click的事件 （.unblind(.pligin)）
2.動畫
①show()
$("#sss").show();//#sss顯示出來 hide()反之
$("#sss").show(1000);//show（時間，單位為毫秒） 此例雄妥，就是在一秒內(nèi)顯示出來 高度 寬度 不透明度
②fadeIn（）/fadeOut（）
只改變不透明度
③slideUp（）/slideDown（）
只改變高度
④animate（）
改變高度 寬度 不透明度
以下$("#sss").click(function(){}
A.$("#sss").animate（{left："100px),font-size:"12px"},2000）;//最常用的方法 左邊是改的動作 右邊是給定的完成時間（2s內(nèi)，向右移動100px，字體變?yōu)?2px ）
B.累加镊辕，累減
$("#sss").animate（{left:"+=100px"},2000）;//有跟clone（ture）類似的效果，被移動過100px之后蚁袭，再次點(diǎn)擊還有一樣的效果;
C.
①如果如A中的例子征懈，其中的兩種變化會同時進(jìn)行，變?yōu)橄旅娴睦泳蜁来芜M(jìn)行：
$("#sss").animate（{left："100px},2000）
? ? ? ? ? ? ? .animate（{font-size:"12px"},2000）揩悄；
②$("#sss").click(function(){
$("#sss").animate（{left："100px},2000）
.animate（{font-size:"12px"},2000）卖哎；
.css("background","red";
});//此例中有css樣式，不是動畫效果删性，不會根據(jù)順序?qū)崿F(xiàn)操作亏娜，會一開始就實(shí)現(xiàn)操作
這時候，哼蹬挺，就有了動畫回調(diào)函數(shù)维贺！
如下callback：
$("#sss").click(function(){
$("#sss").animate（{left："100px},2000）
.animate（{font-size:"12px"},2000，function(){
$("#sss").css("background","red");
});
});
D.停止
$("#pane1").hover(function(){
$(this).stop()
.animate({height:"150px",width:"300px"},2000)
},function(){
$(this).stop()
.animate({height:"22",width:"50"},2000)
})
不懂啊巴帮，再回去例子悟一遍溯泣，反正stop(false,true)不帶停頓的快速完成
stop(true,true)會有設(shè)置的時間的等待時間后在快速完成
E.判斷元素是否處于動畫狀態(tài)
舉個栗子：
if (!$("#pane1").is(":animated")){
$("#pane1").hover(function(){
$(this).stop(false,true)
.animate({width:"200"},2000)
.delay(5000)
.animate({height:"150"},2000)
.delay(5000)
.animate({opacity:"0.2"},2000)
})
}；//一開始#pane1是沒有任何效果榕茧，在發(fā)現(xiàn)沒有動畫效果后发乔，立刻施加一發(fā)動畫效果，美滋滋
⑤.延遲動畫
.delay()
簡單明了雪猪，括號里就是寫你要的延遲的時間栏尚，然后看上面的那個栗子，就是在5s后執(zhí)行“下面的”那個代碼
3.toggle（）
這個東西只恨，比如$("#sss").toggle()译仗，$("#sss")原本是顯示的，那么設(shè)置之后就是不顯示官觅，反之就是反之纵菌。
然后，比如$("#sss").toggle(function(){
$(this).show()
},function(){
$(this).hide();
});//單擊第一次休涤，顯示咱圆；單機(jī)第二次笛辟，隱藏；以此類推序苏，之后可以繼續(xù)設(shè)置手幢，可是，本萌美忱详，寫不出來围来，寫出來的可能不對
4.視頻效果實(shí)例展示
對不起，css忘沒了匈睁。
css忘沒了其實(shí)與不是關(guān)鍵监透，就是，我看不懂航唆。
5.Ｕ吐！Ｅ锤啤４祭摹！３鸳玩！
休息休息 晚上進(jìn)攻表單
