首頁 > 開發者 > JavaScript
jQuery使用animate建立動畫用法執行個體，jqueryanimate
本文執行個體講述了jQuery使用animate建立動畫用法。分享給大家供大家參考。具體如下：
animate的用法：
animate( Hash params, String|NumberJavascript 字串或數字值 speed, String easing , Function callback(可選) 在動畫完成時執行的函數 )用於建立自訂動畫的函數。
執行個體運行效果如下：
具體代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>animate</title> <script type="text/javascript" src="jquery-1.6.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("a").toggle(function(){ $(".stuff").animate({ height: 'hide', opacity: 'hide' }, 'slow'); },function(){ $(".stuff").animate({ height: 'show', opacity: 'show' }, 'slow'); });});</script> </head> <body> <a href="#">text</a> <div class="stuff">animate( Hash params, String|NumberJavascript 字串或數字值 speed, String easing , Function callback(可選) 在動畫完成時執行的函數 )用於建立自訂動畫的函數。</div></body> </html>
希望本文所述對大家的jquery程式設計有所協助。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
