来源：自学PHP网 时间：2015-04-14 14:51 作者： 阅读:次
[导读] 一个是从知更鸟上看到的加载jQuery库，将下面代码添加到/head标签前1 script type="text/javascript" 2 //页面淡入淡出 3 $(document).ready(function() { 4 $(body).hide()....
|
一个是从知更鸟上看到的 加载jQuery库，将下面代码添加到</head>标签前 1 <script type="text/javascript"> 2 //页面淡入淡出 3 $(document).ready(function() { 4 $(´body´).hide().fadeIn(1000); 5 }); 6 </script> 淡入淡出代码： 01 <script type="text/javascript"> 02 //页面淡入淡出 03 $(document).ready(function(){ 04 $("body").css("display","none"); 05 $("body").fadeIn("slow"); 06 $("a[target],a[href*=´javascript´],a.lightbox-processed,a[href*=´#´]").addClass("speciallinks"); 07 $("a:not(.speciallinks)").click(function(){ 08 $("body").fadeOut("slow"); 09 $("object,embed").css("visibility","hidden"); 10 }); 11 }); 12 </script> 可惜这个特效在IE核心浏览器下效果欠佳，那就加个判断只让非IE核心浏览显示淡入淡出特效，在上面代码中加上： 1 if(!+[1,]);else 例如 01 <script type="text/javascript"> 02 //页面淡入淡出 03 $(document).ready(function(){ 04 $("body").css("display","none"); 05 $("body").fadeIn("slow"); 06 $("a[target],a[href*=´javascript´],a.lightbox-processed,a[href*=´#´]").addClass("speciallinks"); 07 $("a:not(.speciallinks)").click(function(){ 08 $("body").fadeOut("slow"); 09 $("object,embed").css("visibility","hidden"); 10 }); 11 }); 12 </script> 另外，选择body整个面可能对浏览器造成负担，可替换成某个标签选择器，只让部分DIV显示淡入淡出效果，比如上面的改为#wrapper。 以上是知更鸟的方法,有些模板不支持jQuery特效所以我找了个简单的 1 <meta http-equiv="Page-Exit"; content="blendTrans(Duration=1.0)"> |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
