貌似现在Web设计都喜欢给页面加入淡入淡出效果，包括导航菜单、TAB菜单、图片幻灯等。如果整个页面也有一个淡入淡出的特效，可以让浏览者有一个暂短的视频休息间隙，是不是也很不错，将下面代码添加到</head>标签前，记得不要忘了加载jQuery库，
简单的淡入效果：
- <script type="text/javascript">
- //页面淡入淡出
- $(document).ready(function() {
- $('body').hide().fadeIn(1000);
- });
- </script>
淡入淡出代码：
- <script type="text/javascript">
- //页面淡入淡出
- $(document).ready(function(){
- $("body").css("display","none");
- $("body").fadeIn("slow");
- $("a[target],a[href*='javascript'],a.lightbox-processed,a[href*='#']").addClass("speciallinks");
- $("a:not(.speciallinks)").click(function(){
- $("body").fadeOut("slow");
- $("object,embed").css("visibility","hidden");
- });
- });
- </script>
可惜这个特效在IE核心浏览器下效果欠佳，那就加个判断只让非IE核心浏览显示淡入淡出特效，在上面代码中加上：
- if(!+[1,]);else
例如：
- <script type="text/javascript">
- //页面淡入淡出
- if(!+[1,]);else
- $(document).ready(function() {
- $('#wrapper').hide().fadeIn(1000);
- });
- </script>
另外，选择body整个面可能对浏览器造成负担，可替换成某个标签选择器，只让部分DIV显示淡入淡出效果，比如上面的改为#wrapper。
淡入淡出代码参考自：http://xdrupal.org/jQuery-page-fadein-fadeout
本站文章大部分为原创，用于个人学习记录，可能对您有所帮助，仅供参考！
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接，谢谢合作！
上海市静安区 1F
深夜写博，勤而实习之
西藏 2F
恩 华丽的背后总是要付出点代价的
浙江省金华市 3F
楼主很给力
浙江省金华市 4F
期待有更多的好作品
四川省德阳市 5F
现在来讲，很重要的哦
云南省昆明市 6F
学习了,,
台湾省台北市 7F
請問加载jQuery库是什麼意思
来自外部的引用