0

タブ付きのメニューがあります。

<ul>
    <a href="views/wrap1.php"><li class="wrap1"> Home &nbsp&nbsp </li></a>&nbsp
    <a href="views/wrap2.php"><li class="wrap2"> Packages</li></a>&nbsp
    <a href="views/wrap3.php"><li class="wrap3"> Clients &nbsp </li></a>&nbsp
    <a href="views/wrap4.php"><li class="wrap4"> Creations</li></a>&nbsp
    <a href="views/wrap5.php"><li class="wrap5"> Reach Us &nbsp </li></a>&nbsp
</ul>

そして、Jquery.load()を使用して、5ページのwrap1.php、wrap2.php、wrap3.php、wrap4.php、wrap5.phpを共通のdivコンテナーにロードします。

私が使用しているJqueryコードは

$('.wrap1').css({'border':'2px solid black'}) ;
     $('#tabs li').click(function(){


     $('#container').load('views/'+$(this).attr("class")+'.php', function(){

     $('#container').fadeIn('slow') ;
        });
        return false;
    });

すべて正常に動作していますが、ページが読み込まれたときに読み込み中のgifを表示し、ページが読み込まれたときにそのgifを非表示にします。私はここで多くの質問を読み、すべてを試しましたが、何もうまくいきませんでした。また、スクリプトをどこに配置すれば機能するかを教えてください

4

1 に答える 1

1

これについてはjQueryを使用できます。jQueryは、多くのアニメーションイベントまたは関数を提供します。

コードで使用できるいくつかの優れた例については、ここをクリックしてjQueryImageLoaderを参照してください。

于 2012-10-15T17:48:14.333 に答える