jQuery是一種使用JavaScript編寫的開源前端庫。它主要用于簡化HTML文檔的遍歷、事件處理、動畫設計和Ajax交互。
在jQuery中,我們可以使用animate()方法來制作一個元素跳動的效果。
function jump(){ $("div").animate({top:"-50px"}, 500, function(){ $(this).animate({top:"0px"},500,jump); }); } jump();
上述代碼中,我們定義了一個名為jump()的函數,用于制作跳動的效果。接著,我們使用animate()方法,將div元素向上移動50個像素,并在500毫秒內完成動畫。然后,我們在回調函數中定義一個新的動畫,將div元素向下移動50個像素,并在500毫秒內完成動畫。最后,我們使用遞歸調用來重復執行該動畫,從而實現跳動的效果。
通過使用jQuery的animate()方法,我們可以輕松地實現漂亮、流暢的動畫效果,為網頁增添更多趣味和動感。
上一篇jquery 轉義方法
下一篇對陣圖css