-4

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

4

3 回答 3

0

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

您的问题根本不清楚，因此很难说我的答案是否确实是正确的答案。

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

和初始CSS：

margin-left: -900px; /* Before slide-in */
于 2012-11-15T16:00:15.037 回答
0 
$(document).ready( function () {
  $("#myLogo").animate("aCSSAttribute", "toThisValue");
});

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

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

于 2012-11-15T15:49:38.613 回答
0

您需要计算出它需要移动多远，下面的示例假设 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>
于 2012-11-15T15:56:21.563 回答