-4

jQueryまたはJavascriptを使用してロゴを取得し、ページがロードされたら、ページの左側からスライドさせて停止させ、ページの途中で静止位置に留まらせたい. (ロゴ部id="mylogo")

4

3 に答える 3

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 に答える
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 に答える