108jquery之各類(lèi)動(dòng)畫(huà)效果實(shí)現(xiàn)

PHP100視頻教程演講老師：張恩民官方網(wǎng)站：(第108講)JQuery之各類(lèi)動(dòng)畫(huà)效果的實(shí)現(xiàn)學(xué)習(xí)重點(diǎn)隱藏顯示、切換與滑動(dòng)、淡入淡出和動(dòng)畫(huà)PHP100視頻教程(第108講)JQuery之各類(lèi)動(dòng)畫(huà)效果的實(shí)現(xiàn)隱藏顯示$(selector).hide(speed,callback)//隱藏$(selector).show(speed,callback)//顯示$(document).ready(function(){$("button").click(function(){$("p").hide(1000,function(){$("p").show(1000);});});});例子speed參數(shù)可以設(shè)置這些值："slow","fast","normal"或milliseconds：更多的方法或功能PHP100視頻教程(第108講)JQuery之各類(lèi)動(dòng)畫(huà)效果的實(shí)現(xiàn)切換與滑動(dòng)$(selector).toggle(speed,callback)//切換功能toggle()函數(shù)使用show()或hide()函數(shù)來(lái)切換HTML元素，同一個(gè)按鈕可以點(diǎn)擊兩次，實(shí)現(xiàn)隱藏和顯示的效果，其實(shí)某些特定用途可以代替他們$(selector).slideDown(speed,callback) //向下滑動(dòng)，并顯示遮擋$(selector).slideUp(speed,callback) //向上滑動(dòng)，并隱藏遮擋$(selector).slideToggle(speed,callback) //上下滑動(dòng)，實(shí)現(xiàn)切換PHP100視頻教程(第108講)JQuery之各類(lèi)動(dòng)畫(huà)效果的實(shí)現(xiàn)淡入淡出和動(dòng)畫(huà)$(selector).fadeOut(speed,callback) //變淡至空$(selector).fadeIn(speed,callback) //變亮至全部$(selector).fadeTo(speed,opacity,callback)//變淡至指定效果

亮度直用0.0~1.0之間$(selector).animate({params},duration,easing,callback)//動(dòng)畫(huà)變化后的CSS效果，如：{height:300}變化速度用毫秒變化效果的名稱(chēng)（需要插件）PHP100視頻教程(第108講)