移动一个div点击另一个div？

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

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

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

基本上.paperclip绝对定位左：25％;顶部：-2000px;我希望它在点击链接时向下移动。

来源

2012-07-20 andy

我通过链接猜测，你的意思是'

...

'标签中的文字 – iGbanam 2012-07-20 05:06:50

链接在哪里？以及用什么方法来控制这个动画？ – panda 2012-07-20 05:08:06

啊！没有理由的倒退...？（._。） – iGbanam 2012-07-20 05:08:26

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

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

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

希望它有帮助。

来源

2012-07-20 05:12:05 Mohayemin

我真的更多的是一个动画效果。 – andy 2012-07-20 09:05:15

@andy：用动画更新 – Mohayemin 2012-07-20 09:49:27

你可以使用这个隐藏div时您单击链接

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

来源

2012-07-20 05:19:37 panda

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

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

很明显，你必须正确地对象的链接和正确指定哪些“向下”意味着不是500px。

来源

2012-07-20 07:18:01 iGbanam

移动一个div点击另一个div？

回答

相关问题