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() 我将五个页面 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 为您提供了许多动画事件或函数。

单击此处jQuery Image Loader查看可以在代码中使用的一些不错的示例。

于 2012-10-15T17:48:14.333 回答