Javascript 使用jquery绘制垂直圆的线动画

我想在点击按钮时设置一个对象的动画，还想画一条垂直线。动画效果很好。但我面临着画线的问题。我如何在jQuery中做到这一点？有人能建议我吗

<script>
  $("#clickaroo").click(
    function() {
      $("#movaroo").animate(
        { top: "+=234px" }, 1000);
    }
  );
</script>

$（“#clickaroo”）。单击(
函数（）{
$（“#movaroo”）。制作动画(
{顶部：“+=234px”}，1000）；
}
);

您可以做的是使用一个

div

，其边框为1px，使其看起来像一条线，并使用CSS将其定位在正确的位置

当DOM就绪时，只需使用

$（选择器）.hide（）隐藏它函数，当您想让它出现时，可以使用jquery的
sildown（）
函数来获得效果

所以代码可以是这样的

HTML

<button id="clickaroo">click me</button>
<div id="hiddenDiv">

JS

$(document).on('ready', function(){
$('#hiddenDiv').hide();
});  

$("#clickaroo").click(
    function() {
      $("#movaroo").animate(
        { top: "+=234px" }, 1000);
        $('#hiddenDiv').slideDown(1000);
       /* $('#hiddenDiv').slideToggle(1000); you can also use this*/
    }
  );

这是一个简单的例子，说明了如何做到这一点。请检查一下以了解情况。如果你有困难，你需要编辑这篇文章，并提供更多关于你想做什么的信息



$（#line'）。制作动画（{height:234}，1000）；
垂直线
何处？画线很好，但在何处，作为边框或划线，或在画布上，或在何处，请详细说明？在对象从垂直方向移动到从顶部234 px的高度时，您可以说作为边框或划线，或作为简单的线来表示从顶部到234 px的高度。。。
$(document).on('ready', function(){
$('#hiddenDiv').hide();
});  

$("#clickaroo").click(
    function() {
      $("#movaroo").animate(
        { top: "+=234px" }, 1000);
        $('#hiddenDiv').slideDown(1000);
       /* $('#hiddenDiv').slideToggle(1000); you can also use this*/
    }
  );

<div id="line" style="width:0; height:0; border:1px solid #000000"></div>

$('#line').animate({height: 234}, 1000);