<!DOCTYPE html PUBLIC > <html xmlns=> <head> <meta http-equiv= content=/> <title>Panel</title> <style type=> *--height: %--</style> <script src= type=></script> <script type=>).animate({height: }, ).animate({width:).hide().animate({height:, width:, opacity: }, ).animate({height:
$("button:eq(1)").click(function(){ $("#panel").stop();//停止當前動畫,繼續(xù)下一個動畫 }); $("button:eq(2)").click(function(){ $("#panel").stop(true);//清除元素的所有動畫 }); $("button:eq(3)").click(function(){ $("#panel").stop(false, true);//讓當前動畫直接到達末狀態(tài) ,繼續(xù)下一個動畫 }); $("button:eq(4)").click(function(){ $("#panel").stop(true, true);//清除元素的所有動畫,讓當前動畫直接到達末狀態(tài) }); })</script> </head> <body> <button>開始一連串動畫</button> <button>stop()</button> <button>stop(true)</button> <button>stop(false,true)</button> <button>stop(true,true)</button> <p id="panel"> <h5 class="head">什么是jQuery?</h5> <p class="content"> jQuery是繼Prototype之后又一個優(yōu)秀的JavaScript庫,它是一個由 John Resig 創(chuàng)建于2006年1月的開源項目。jQuery憑借簡潔的語法和跨平臺的兼容性,極大地簡化了JavaScript開發(fā)人員遍歷HTML文檔、操作DOM、處理事件、執(zhí)行動畫和開發(fā)Ajax。它獨特而又優(yōu)雅的代碼風格改變了JavaScript程序員的設計思路和編寫程序的方式。 </p> </p> </body> </html>
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com