jquery - 单击一个 div 移动另一个？

Question

当点击 a 标签时，我想使用 jquery 将一个 div(绝对定位在屏幕外)移动到它的父元素的特定部分。

<div id="casestudy4" class="newboxes2">
                                <div class="paperclip"></div>
                                <p>text here</p>

                            </div> <!-- end div casestudy4 -->

基本上 .paperclip 绝对定位在 left:25%;顶部:-2000px；我希望它在单击链接时向下移动。

Answer 1

    <script type="text/javascript">
        $(function () {

            $("#move").click(function () {
                $(".paperclip").animate({
                    top: "+=500px"
                }, 5000);
                return false;
            });
        });
    </script>

    <a href="#" id="move">move</a>

希望对您有所帮助。