教程中国
PHOTOSHOP CS9.0中文版 MAYA 8.5 FOR WINDOWS Corel Painter v9.0 Flash MX2004 中文版 Illustrator cs2 中文版
VC++6.0含sp6 中英文版 VB6.0 +sp6 简体中文版 Borland Delphi 7汉化版 MSDN for vb6.0中文版 Visual Studio 2005简体
教程中国下属 文件存储共享专家BIBIDU.COM 提供大型软件,教材,源码,电影,音乐,图书等下载 更多精品请点此进入
  您目前所在位置: 教程中国 >> 编程基地 >> Javascript >> 预载Gif的2个JS代码(非常有用) RSS订阅
预载Gif的2个JS代码(非常有用)
教程(视频,书籍)下载:  ASP.NET AutoCAD 数据库 C# ASP java photoshop 网页设计 delphi 3dmax Flash C++ VB 张孝祥 实例   更多请进入BIBIDU搜索
IT搜索引擎   

<script language=javascript>
        var Gif=[["images/smilies/","victory","sweat","loveliness","call","handshake","kiss","time","hug","lol","mad","funk"] , ["images/default/","reply","newtopic","newspecial","star_level2","star_level2","top","star_level3","star_level2"]];

        // 第一个是路径,后面的名称,比如 ["talk/",129,130,501,502,503] ,就是talk/ 目录下的129.gif,130.gif ...... 如果是字符串,就要加引号

        function LoadGif()
        {
                document.body.insertAdjacentHTML("beforeEnd",'<div id="load" style="display=none"></div>');
                Loading(0,1);
        }
        function Gif_Err()
        {
                alert("载入失败!")
        }
        function Gif_End()
        {
                alert("载入完成!")
                document.write('<img src='+Gif[0][0]+Gif[0][1]+'.gif>')
        }
        function Loading(a,b)
        {
                if (!Gif[a][b]) { a++; b=1; }
                if (a==Gif.length) {Gif_End(); return; }
                document.getElementById("load").innerHTML='<img src="'+Gif[a][0]+Gif[a][b++]+'.gif" onload="Loading('+a+','+b+')" onerror="Gif_Err()">'
        }
</script>
<body onload=LoadGif()>

上面的是单线程的
再发个一次性+loading的

<script language=javascript>
        var Gif=[["images/smilies/","victory","sweat","loveliness","call","handshake","kiss","time","hug","lol","mad","funk"] , ["images/default/","reply","newtopic","newspecial","star_level2","star_level2","top","star_level3","star_level2"]];

        var Loader=0,Gifs=0;

        function Gif_Err()
        {
                alert("载入失败!")
        }
        function Gif_End()
        {
                alert("载入完成!")
        }
        function LoadGif()
        {
                document.body.insertAdjacentHTML("beforeEnd",'<div id="load"><div id="loading"></div><div id="loadGif" style="display:none"></div></div>');
                for (var i=0; i<Gif.length; i++)
                {
                        Gifs+=Gif[i].length-1;
                        //Gif[i]='<img src="'+Gif[i][0]+Gif[i].join('.gif" ><img src="'+Gif[i].shift())+'.gif" >'
                        Gif[i]='<img src="'+Gif[i][0]+Gif[i].join('.gif" onload="Loading()"  onerror="Gif_Err()"><img src="'+Gif[i].shift())+'.gif" onload="Loading()" onerror="Gif_Err()">'
                }
                document.getElementById("loadGif").innerHTML=Gif.join("");
        }
        function Loading()
        {
                document.getElementById("loading").innerHTML=Math.round(++Loader/Gifs*100)+" %"
                if (Loader==Gifs)
                {
                        document.getElementById("load").innerHTML="";
                        Gif_End();
                }
        }
</script>
<body onload=LoadGif()>

来源:upschool.com.cn
作者:gene
关键字:预载入,javascript
发表日期:2007-1-16 23:06:17

网页显示有限 阅读全文请下载本文完整版WORD文档

上一篇:WEB泡泡堂2.0(图形界面+电脑对玩)实例代码   下一篇:js技巧收集(200多个)


2008-10-8 15:04:41
本文的相类似文章
  • javascript读取RSS数据
  • javascript函数库
  • 结合ASP.NET与JavaScript 开发电子沙盘
  • 在ASP.NET页面上轻松整合JavaScript
  • 三种JavaScript网页会话型窗口
  • vbscript和javascript互相调用
  • VBScript和JavaScript的比较
  • JavaScript构造XML树结构
  • JavaScript修改注册表
  • JavaScript和Java的区别
  • 在学习中进步 在进步中成长 教程中国相随您的成长之路
    华腾联合科技股份有限公司版权所有
    广告联系:Rosibo@163.com