properties – 一個包含樣式屬性及值的映射

duration – 可選的速度參數，既可以是預置的字符串，也可以是一個毫秒數值

easing – 可選的緩動類型，jquery默認的只有兩種：swing和linear,要使用其它效果需要安裝緩動類的插件

complete – 可選的回調函數，在動畫結束時被調用
第一種形式的示例如下



本文實現錨點跳轉的代碼使用了第一種形式
$("html,body")代表對html或body元素進行動畫，即要改變他們的css屬性值

scrollTop是要改變的屬性值，表示滾動條滑過的距離，在這里表示向下拉動瀏覽器滾動條后html（body)被瀏覽器頂端隱藏的高度

$("#elementid").offset().top就是html（body)需要被瀏覽器頂端隱藏的高度，它代表id為elementid的元素頂端到網頁頂端（不是瀏覽器可視區域頂端）的絕對距離。

1000是指動畫時間為1秒
animate()方法還有第二種調用形式
.animate( properties, options )
一個是屬性映射，一個是選項映射。實際上這里的第二個參數是把第一種形式的第2-4個參數封裝在另一個映射中，同時又添加了兩個選項。第二種形式的代碼如下：



以上所述就是本文的全部內容了，希望大家能夠喜歡。 




聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com