文章/答案/技术大牛

发布

社区首页 >问答首页 >单击一个div就可以移动另一个div？

问单击一个div就可以移动另一个div？
EN

Stack Overflow用户

提问于 2012-07-20 13:03:32

回答 3查看 1.6K关注 0票数 0

我想使用jquery在单击a标记时将一个div (绝对位于屏幕之外)移动到其父元素的特定部分。

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

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

基本上，.paperclip绝对位于左侧:25%；顶部：-2000px；当点击链接时，我希望它向下移动。

jquery

html

css

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-07-20 13:12:06

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

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

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

希望能有所帮助。

票数 2

Stack Overflow用户

发布于 2012-07-20 13:19:37

单击此链接时，您可以使用此选项隐藏div

$(selector).click(function(){
   $('.paperclip').hide();
})

票数 0

Stack Overflow用户

发布于 2012-07-20 15:18:01

假设链接是段落，这是一个解决方案。

$("#casestudy4 > p:first-child").click(function() {
  $("#casestudy4 > .paperclip").css("top", "500px");
}

显然，您必须正确定位链接，并正确指定"down“的含义，而不是500px。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11573169

复制

相似问题

问单击一个div就可以移动另一个div？
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问单击一个div就可以移动另一个div？EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问单击一个div就可以移动另一个div？
EN