Javascript 使用AngularJS悬停时上下滑动盒子

我试图使一个div出现在悬停图像的顶部，具有向上滑动和向下滑动的效果

如果我想避免jQuery，有没有关于从哪里开始的指针？我非常想在应用程序中只使用AngularJS

以下是我试图实现的一个示例：

---

这是一个如何使用javaScript实现的示例

        <div style="height: 1px" onMouseover="up()" onMouseout="down()" >
        <img src="#"/>
        </div>

        <script>
        function up()
        {
        div.style.height ="30px";
        }
        </script>
        <script>
        function down()
        {
        div.style.height ="1px";
        }
        </script>

函数up（）
{
div.style.height=“30px”；
}
函数down（）
{
div.style.height=“1px”；
}

如果要在某些数据变量更改时执行此操作。如果您想在hover上执行此操作，.@Blazemonger不幸的是，动画示例不起作用，因为我有一个图像和一个div必须在其上滑动，并且我不能将该图像用作包装器…然后将：hover样式添加到相互容器元素中。