Javascript jQuery实时绘制边框

有人知道我可以使用哪些插件来实时地在元素周围逐渐画出边界吗？例如，它会给人一种印象，即有人实际上是在一个元素周围绘制边框，而不是一次全部出现。

您可以以250毫秒的延迟增量应用上边框、右边框、下边框、左边框或任何您喜欢的方式。

您可以应用上边框、右边框、下边框，左边框以250毫秒的延迟或任何您想要的方式递增。

Html:

<div id="myelement">
    draw a border around this element
</div>

围绕此元素绘制边框

JS:

$.fn.border=函数（）{
无功转速=1000；
var-borderWidth=5；
var$el=$（本）；
$el.css（'position'，'relative'）；
变量$div=$（''）；
$div.css（'position'，'absolute'）；
$div.css（'top'，'-'+borderWidth+'px'）；
$div.css（'left'，'-'+borderWidth+'px'）；
$div.css（'border'，borderWidth+'px纯黑'）；
$div.css（'width'，'0px'）；
$div.css（'height'，'0px'）；
$div.css（'z-index'，'999'）；
$el.追加（$div）；
$div.animate({
宽度：$el.outerWidth（）+“px”，
高度：$el.outerHeight（）+“px”
}，速度）；
};
$（'#myelement'）.border（）；

工作示例：

Html:

<div id="myelement">
    draw a border around this element
</div>

围绕此元素绘制边框

JS:

$.fn.border=函数（）{
无功转速=1000；
var-borderWidth=5；
var$el=$（本）；
$el.css（'position'，'relative'）；
变量$div=$（''）；
$div.css（'position'，'absolute'）；
$div.css（'top'，'-'+borderWidth+'px'）；
$div.css（'left'，'-'+borderWidth+'px'）；
$div.css（'border'，borderWidth+'px纯黑'）；
$div.css（'width'，'0px'）；
$div.css（'height'，'0px'）；
$div.css（'z-index'，'999'）；
$el.追加（$div）；
$div.animate({
宽度：$el.outerWidth（）+“px”，
高度：$el.outerHeight（）+“px”
}，速度）；
};
$（'#myelement'）.border（）；

---

工作示例：

看看这个，弄清楚这一点可能会有帮助，是否要为图形设置动画？如果是这样，您可以使用jquery“animate”方法。看看这个，弄清楚这一点可能会有帮助，您想为图形设置动画吗？如果是这样，你可以使用jquery的“动画”方法（我需要再等9分钟才能接受你的答案，我没有忘记！）别担心，伙计，享受周末。（我需要再等9分钟才能接受你的答案，我没有忘记！）别担心，伙计，享受周末。