jQuery animate() 邊框 動畫效果是jQuery中一種常用的動畫效果之一，可以通過使用animate()方法來改變HTML元素的邊框屬性，從而達到動畫效果。

$(selector).animate({
borderWidth: value
}, speed);

其中，selector是需要應用動畫效果的元素選擇器，borderWidth是應用動畫效果的邊框屬性名稱，value是應用動畫效果的邊框屬性值，speed是動畫的速度。

下面介紹一些常用的邊框屬性與值：

• borderWidth：邊框寬度，如："4px"
• borderColor：邊框顏色，如："#000"
• borderTopWidth：上邊框寬度，如："2px"
• borderRightWidth：右邊框寬度，如："2px"
• borderBottomWidth：下邊框寬度，如："2px"
• borderLeftWidth：左邊框寬度，如："2px"

下面是一個例子，當鼠標移到一個圓形div上時，邊框寬度會發生變化：

$(document).ready(function(){
$("#circle").mouseenter(function(){
$(this).animate({borderWidth: "10px"}, 500);
});
$("#circle").mouseleave(function(){
$(this).animate({borderWidth: "2px"}, 500);
});
});

以上代碼中，mouseenter()和mouseleave()方法分別是鼠標進入和離開一個元素時會觸發的事件。當鼠標進入時，圓形div的邊框寬度會動畫變為10px，當鼠標離開時，又會變回2px。