Javascript 使用jquery放大DIV？

我的页面上有一个DIV，带有position absolute和ID

放大

，在这个DIV下面还有一个DIV，其中有一些自动移动/滚动的小图像

我想做的是把DIV放大成一个放大镜

因此，当每个小图像都位于该DIV下时，它显示的图像会像放大镜一样大一点

这是我到目前为止所做的，但是这段代码没有把放大div变成一个放大镜，我不明白为什么

<script>
    $(document).ready(function () {
        function () {
            $('#magnify').animate({ 'zoom': 1});
        }
    });
</script>

$（文档）.ready（函数（）{
函数（）{
$（“#放大”）.animate（{“缩放”：1}）；
}
});

有人能就此提出建议吗

编辑：

这是我所指的一个例子：

---

因此，图标在放大镜/DIV下移动/滚动。。。此外，放大Div不会移动。唯一会移动的是放大镜下的图像/图标。

我不确定滑块的具体工作方式，但我会做的是，当要放大的图像处于活动状态时/在“放大镜”下，然后向其添加CSS类以使用CSS对其进行缩放

i、 e

---

也许你可以使用CSS3 Scale给我们一把小提琴好吗由于匿名函数没有分配给任何对象，您的代码将导致错误。没有HTML/CSS会让您更难说出错误所在，但对于初学者来说，您没有定义鼠标盖。看看这个网站。它给出了一个工作示例和许多注释来解释代码。@Casper，我不定义鼠标悬停，因为我不想让它与鼠标悬停一起工作！我只需要DIV作为放大镜，不管鼠标在上面、下面还是附近。我不能使用此代码，因为整个图像/图标实际上是一个大图像。。因此，如果这有意义的话，它们不是单独的图像。我确实试过了。。有太多的代码会让任何人感到困惑，如果您尝试浏览它，我不能在JSFIDLE中只放一点点代码，因为它不起作用，也没有意义。。但在某种意义上，我正试图做的正是我上面编辑的图片中显示的事情。

.image { transition: all .2s ease-in-out; }
.image-active { transform: scale(1.5); }