jQuery是一個非常流行的JavaScript庫，它可以讓開發者輕松地實現各種網頁動畫效果。其中一個非常有趣的效果就是點的彈跳動畫。通過設置一些簡單的CSS和JavaScript代碼，我們就可以讓點呈現出彈跳的效果。

// 設置點的基本樣式
$('#point').css({
'width': '20px',
'height': '20px',
'background-color': '#ff5722',
'border-radius': '50%',
'position': 'absolute',
'top': '50%',
'left': '50%',
'transform': 'translate(-50%, -50%)'
});
// 實現彈跳動畫
function bounce() {
$('#point').animate({
'top': '-=20px'
}, 500, 'easeOutQuad').animate({
'top': '+=20px'
}, 500, 'easeOutQuad', bounce);
}
bounce();

在上面的代碼中，我們首先設置了一個id為“point”的div元素的樣式，將它設為圓形并居中在頁面上。然后我們定義了一個名為“bounce”的函數，這個函數用來實現彈跳動畫效果。它通過jQuery的animate()方法來設置點向上彈跳的動畫，同時指定了動畫的時間、緩動類型以及回調函數。在回調函數中，我們又通過animate()方法來設置點向下彈跳的動畫，并將回調函數設置為bounce()函數自身。

最后，我們調用bounce()函數，讓點開始彈跳動畫。您可以將這段代碼復制粘貼到您的網頁中并進行修改，以實現您自己的點的彈跳動畫效果。