jQuery效果
jQuery的動(dòng)畫(huà)效果有顯示隱藏效果、滑動(dòng)效果、淡入淡出效果
一、顯示隱藏效果
1顯示效果的語(yǔ)法：show（speed[,callback]）
在語(yǔ)法中：
speed：動(dòng)畫(huà)時(shí)常
callback：指定的回調函數
2隱藏效果的語(yǔ)法：hide（speed[,callback]）
二：滑動(dòng)效果
向上滑動(dòng)效果語(yǔ)法：slideUp（speed[,callback]）
向下滑動(dòng)效果語(yǔ)法：slideDown（speed[,callback]）
三、淡入淡出效果
淡入效果的語(yǔ)法：fadeIn（speed[,callback]）
淡出效果的語(yǔ)法：fadeOut（speed[,callback]）
四、自定義動(dòng)畫(huà)
自定義動(dòng)畫(huà)的語(yǔ)法：animate（prams[,duration][,callback]）
在語(yǔ)法中：
params：效果參數
duration：動(dòng)畫(huà)時(shí)長(cháng)
callback：回調函數
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$(".btn1").click(function(){
$("#box").animate({height:"300px"});
});
$(".btn2").click(function(){
$("#box").animate({height:"100px"});
});
});
</script>
</head>
<body>
<div id="box" style="background:#98bf21;height:100px;width:100px;margin:6px;">
</div>
<button class="btn1">Animate</button>
<button class="btn2">Reset</button>
</body>
</html>
本站僅提供存儲服務(wù)，所有內容均由用戶(hù)發(fā)布，如發(fā)現有害或侵權內容，請
點(diǎn)擊舉報。
