如何將div下移至其他div的幻燈片？

-2

我正在做一個有2個文本框和和按鈕的下拉菜單，我在網站頂部有一個按鈕。當有人點擊一個div滑落。這我做了很多。我需要知道如何拍攝按鈕下來div的幻燈片....請幫助我..如何將div下移至其他div的幻燈片？

這是往下滑的div DROP_DOWN其完整的

 $('.link_sign_in').click(function(){ 

       var left=$('.link_sign_in').position().left; 
       var top=$('.link_sign_in').position().top; 

       $(".drop_down").css("left",left-235); 
       $(".drop_down").css("top",0); 
       $('.drop_down').slideDown(); 

       });

CSS我的jQuery代碼在DIV下拉框中

.drop_down{ 
     background-color: #ffffff; 
     -webkit-border-bottom-right-radius: 5px; 
     -webkit-border-bottom-left-radius: 5px; 
     -moz-border-radius-bottomright: 5px; 
     -moz-border-radius-bottomleft: 5px; 
     border-bottom-right-radius: 5px; 
     border-bottom-left-radius: 5px; 
     height: 200px; 
     width: 300px; 
     z-index:100; 
     top :200px; 
     left:200px; 
     position: absolute; 
     border: 2px solid #F8C82A; 


     -webkit-box-shadow: 0px 8px 15px rgba(50, 50, 50, 0.5); 
     -moz-box-shadow: 0px 8px 15px rgba(50, 50, 50, 0.5); 
     box-shadow:   0px 8px 15px rgba(50, 50, 50, 0.5); 

     border-top: none; 
     }

碼斷標誌

.link_sign_in,.link_sign_up{ 
     cursor:pointer; 
     float:left; 
     width:50px; 
     margin-left:5px; 
     border: 2px solid #f8c82a; 
     padding:5px; 
     -webkit-border-bottom-right-radius: 5px; 
     -webkit-border-bottom-left-radius: 5px; 
     -moz-border-radius-bottomright: 5px; 
     -moz-border-radius-bottomleft: 5px; 
     border-bottom-right-radius: 5px; 
     border-bottom-left-radius: 5px; 
     border-top: none; 

     -webkit-box-shadow: 0px 8px 15px rgba(50, 50, 50, 0.5); 
     -moz-box-shadow: 0px 8px 15px rgba(50, 50, 50, 0.5); 
     box-shadow:   0px 8px 15px rgba(50, 50, 50, 0.5); 
     }

來源

2012-09-27 Anudeep

請填寫顯示您的嘗試的jsfiddle或jsbin示例。 – fcalderan

請提供一些代碼。 –

添加* { position:relative;}到您的CSS文件的頂部。這將導致ALL頁面元素與其父頁相關，這會覆蓋某些瀏覽器的默認行爲。然後，確保該按鈕實際上是一個包含要向下滑動的div和該按鈕的容器的CHILD。然後，使用left:20px;或其他測量（如果需要，使用top或bottom或）將按鈕定位在您想要的位置。然後，當您「滑動」div時，將幻燈片應用於包含按鈕和滑動div的容器div。這樣，兩個按鈕和div都會向下滑動，並且按鈕將保持在您希望它相對於滑動div的位置。

來源

2012-09-27 10:12:56 L0j1k

爲什麼需要將所有元素放置在相對位置：相對？ – fcalderan

由於這是所需的默認行爲，並非所有瀏覽器都會默認執行此操作。因此，爲了確保您的元素在使用'position'時相對於父母，您可以應用該根選擇器並停止假設瀏覽器會這樣做。我自己曾經遇到過這個問題，因爲我沒有做出假設，也沒有讓瀏覽器開發人員選擇我的元素的位置。 – L0j1k

如何將div下移至其他div的幻燈片？

回答

相關問題