Question

我有一个标签式菜单。

<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。我在这里阅读了很多问题并尝试了所有问题，但没有任何问题对我有用还要告诉我，我应该在哪里放置一个脚本以便它可以工作

Answer 1

你可以在这里找到生动的效果和代码http://fuzionpro.blogspot.in/2011/03/how-to-add-ajax-page-loading-effect-to.html

Answer 2

你可以通过jQuery来实现这个目标。 jQuery为您提供了大量的动画事件或功能。

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

在页面加载时显示加载gif

2 个答案: