jquery点击页面链接页面淡入淡出效果

最新推荐文章于 2021-12-22 15:57:26 发布

北方的刀郎

最新推荐文章于 2021-12-22 15:57:26 发布

阅读量2k

点赞数

分类专栏： jquery学习

本文链接：https://blog.csdn.net/forest_fire/article/details/50944939

版权

jquery学习专栏收录该内容

69 篇文章 0 订阅

订阅专栏

   
   
    
    调用jquery 库后，加上这一段就可以了。
   
   
   
   
    
    <script type="text/javascript">
   
   
   
   
    
            $(function(){
   
   
   
   
    
                function opc(){
   
   
   
   
    
                        $("body").animate({"opacity":1},1000);
   
   
   
   
    
                    }
   
   
   
   
    
                    var ooo = setTimeout(opc,500);
   
   
   
   
    
                    function yl(){
   
   
   
   
    
                        var hf = [];
   
   
   
   
    
                        $("body").find("a").each(function(i){
   
   
   
   
    
                            hf[i] = $(this).attr("href");
   
   
   
   
    
                            $(this).attr("href","javascript:;");
   
   
   
   
    
                            $(this).bind("click",function(event){
   
   
   
   
    
                                $("body").animate({"opacity":0},500);
   
   
   
   
    
                                window.setTimeout(function(){ location.href=hf[i];},500); 
   
   
   
   
    
                            })
   
   
   
   
    
                        })
   
   
   
   
    
                    }
   
   
   
   
    
                    yl();
   
   
   
   
    
            });
   
   
   
   
    
        </script>
   
   
   
   
    
    </head>
   
   
   
   
    
    <body style="opacity: 0;">