移動一個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？

回答

相關問題