Question

我想使用jQuery或Javascript来获取我的徽标，当页面加载时，将其从页面的左侧滑动并使其停止并停留在页面中间的休息位置。（徽标div id="mylogo"）

Answer 1

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

还检查： http://api.jquery.com/animate/

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

Answer 2

你需要知道它需要移动多远，下面的例子假设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>

Answer 3

你可能想要这样的东西：http://jsfiddle.net/SATMY/1/

你的问题根本不清楚，所以很难说我的回答是否可能是一个正确答案。

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

最初的CSS：

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

如何将div从左侧滑动到页面中间的绝对位置？

3 个答案: