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

Question

我想使用 jQuery 或 Javascript 來獲取我的徽標，當頁面加載時，從頁面的左側滑動它並使其停止並停留在頁面中間的休息點。 （標志 div id="mylogo" ）

Answer 1

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

還檢查： http : //api.jquery.com/animate/

如果你表現出你的努力，那么我可以更好地幫助你。

Answer 2

您需要計算它需要移動多遠，下面的示例假設 x% 但如果需要，您可以對像素執行此操作。

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

小提琴

    <!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>

Answer 3

你可能想要這樣的東西： http : //jsfiddle.net/SATMY/1/

你的問題根本不清楚，所以很難說我的答案是否確實是正確的答案。

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

和初始 CSS：

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

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

問題描述

3 個解決方案

解決方案1
0 2012-11-15 15:49:38

解決方案2
0 2012-11-15 15:56:21

解決方案3
0 2012-11-15 16:00:15

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

問題描述

3 個解決方案

解決方案1 0 2012-11-15 15:49:38

解決方案2 0 2012-11-15 15:56:21

解決方案3 0 2012-11-15 16:00:15

解決方案1
0 2012-11-15 15:49:38

解決方案2
0 2012-11-15 15:56:21

解決方案3
0 2012-11-15 16:00:15