jQuery animate() 邊框 動畫效果是jQuery中一種常用的動畫效果之一，可以通過使用animate()方法來改變HTML元素的邊框?qū)傩裕瑥亩_(dá)到動畫效果。

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

其中，selector是需要應(yīng)用動畫效果的元素選擇器，borderWidth是應(yīng)用動畫效果的邊框?qū)傩悦Q，value是應(yīng)用動畫效果的邊框?qū)傩灾担瑂peed是動畫的速度。

下面介紹一些常用的邊框?qū)傩耘c值：

• borderWidth：邊框?qū)挾龋纾?4px"
• borderColor：邊框顏色，如："#000"
• borderTopWidth：上邊框?qū)挾龋纾?2px"
• borderRightWidth：右邊框?qū)挾龋纾?2px"
• borderBottomWidth：下邊框?qū)挾龋纾?2px"
• borderLeftWidth：左邊框?qū)挾龋纾?2px"

下面是一個例子，當(dāng)鼠標(biāo)移到一個圓形div上時，邊框?qū)挾葧l(fā)生變化：

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

以上代碼中，mouseenter()和mouseleave()方法分別是鼠標(biāo)進(jìn)入和離開一個元素時會觸發(fā)的事件。當(dāng)鼠標(biāo)進(jìn)入時，圓形div的邊框?qū)挾葧赢嬜優(yōu)?0px，當(dāng)鼠標(biāo)離開時，又會變回2px。