如何將div從左側滑動到頁面中間的絕對位置？

-4

我想使用jQuery或Javascript來獲取我的徽標，當頁面加載時，從頁面的左側滑動它並使其停止，並在頁面中途停留在它的休息位置。（標誌DIV id="mylogo"）如何將div從左側滑動到頁面中間的絕對位置？

2012-11-15 Scott VanderVeer

[？你嘗試過什麼（http://mattgemmell.com/2008/12/08/what-have-you-tried/） – Archer

你需要有一個現有的嘗試，我們可以幫助你。從頭開始做別人的工作很無聊。 –

請張貼一些代碼 –

$(document).ready(function() { 
    $("#myLogo").animate("aCSSAttribute", "toThisValue"); 
});

還要檢查：

如果你表現出你的努力的話，我可以幫你更好的。

來源

2012-11-15 15:49:38 HerrWalter

您需要確定它需要移動多遠，下面的示例假設x％，但是您可以根據需要對像素執行此操作。

不要忘記放置您的徽標，並確保外部元素有一定的寬度/顯示定義。

Fiddle

<!DOCTYPE HTML> 
    <html lang="en-US"> 
    <head> 
     <meta charset="UTF-8"> 
     <title></title> 
     <style type="text/css"> 
     #main {width:100%;} 
     #mylogo{border:1px solid red;width:200px;height:100px;display:block;position:relative} 
    </style> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 

    <script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#mylogo').animate({left:'+=25%'}); 
    });  
    </script> 

    </head> 
    <body> 
    <div id="main">   
     <div id="mylogo"></div> 
     </div> 
    </body> 
    </html>

來源

2012-11-15 15:56:21

美化你的代碼的可讀性：http://jsfiddle.net/GcYQz/5/ –

你可能會想是這樣的：http://jsfiddle.net/SATMY/1/

你的問題不明確可言，所以很難說是否有可能是我的回答是，的確，一個正確的答案。

$("div#logo").animate({"marginLeft":"-50px"}, 800);

和初始CSS：

margin-left: -900px; /* Before slide-in */

來源

2012-11-15 16:00:15

如何將div從左側滑動到頁面中間的絕對位置？

回答

相關問題