-1

これらのスクリプトを使用して、コンテンツをフェードインし、margin-right 0 を 4 番目のアイテムにして、グレー色のホバーを実行しています。

$(document).ready(function(){    
    $("div.item:nth-child(4n+4)").css("margin-right", "0px");
});

$(document).ready(function(){
    $("#main").hide().fadeIn();
});

$(document).ready(function(){
    $("img.a").hover(
        function() {
            $(this).stop().animate({"opacity": "0"}, "slow");
        },
        function() {
            $(this).stop().animate({"opacity": "1"}, "slow");
     });
});

問題は、「ポートフォリオ」または「acerca」ページ (特に「acerca」セクションのテキスト) をロードすると、フェードインの前にメイン コンテンツがジャンプすることです。

4

2 に答える 2

1

Estebanブラウザがレンダリングしないように、デフォルトで'#main' divを非表示にする必要があると思います。後で、準備ができたコールバックでフェードインを実行します。明確にするために、次のhtml：

<div id="main" class="clearfix">

に変更される可能性があります

<div id="main" style="display: none;" class="clearfix">

次に、このjqueryを変更します。

$(document).ready(function(){
   $("#main").hide().fadeIn();
});

これに

$(document).ready(function(){
   $("#main").fadeIn();
});

試してみてください、うまくいくと思います。

ところで、私は現在マドリードにいるスペインのウェブサイトコーダーです。すぐにフリーランスを開始する予定です。プロジェクトにウェブサイトのバックエンドコードが必要な場合は、私に連絡してください:-)

于 2012-09-11T14:54:54.930 に答える
1

これらの写真を display: none としてロードしてから、フェードを実行してみてください。助けるべき

于 2012-09-11T14:43:09.010 に答える