本文描述了一个定制的显示加载，它是由js实现的图片插件：

工作中遇到了一个问题。业务流程分为几个阶段。每一个阶段，如果数据没有显示，它会显示加载图片loading.gif文件。如果有数据，它就会消失。为此，我写了一个方法来促进整个项目的使用。


显示
隐藏

创建加载对象
var obj =新loadingimg（）；
显示器/加载图片
函数显示（）{
Obj.show（）；
}
隐藏加载图片
函数隐藏（）{
Obj.hide（）；
}
加载图像（对象）方法
功能loadingimg（mysetting）{
var =；
如果（mysetting = =mysetting 未定义类型的mysetting | | | | = =！=对象）{
mysetting = { }；
}
使用时间戳作为空间ID
无功targetid =新的日期（）GetTime（）；
this.setting = { {
将容器放入图片中，使用jQuery查询参数
targetconater：
使用地址图片
imgurl：， / / IMG加载GIF
图中显示的宽度为
ImgWidth：32px
默认样式/图片
ImgClass：
生成控制id
targetid ：targetid，
在显示/回调函数之前
显示：功能（插件）{
}，
回调函数/显示后
aftershow：功能（插件，targetid）{
}
}
this.setting = $（this.setting延伸，mysetting）；
获取屏幕宽度
this.getscreenwidth =函数（）{
返回document.documentelement.clientwidth；
}
获取屏幕高度
this.getscreenheight =函数（）{
返回document.documentelement.clientheight；
}
显示/控制
这。=函数（）{
$（# +。设置。targetid）（显示）；
}
隐藏控件
this.hide =函数（）{
$（# +。设置。targetid）（隐藏）；
}
this.init =函数（）{
在显示之前执行回调函数
如果（typeof that.setting.beforeshow = =功能）{
That.setting.beforeShow（，）；
}
字符串变量存储
无功targethtml =；
存储在指定容器中的内容，存储在默认底部的主体中。
如果（that.setting.targetconater！= this.setting.targetconater！=未定义的）{
targethtml =；
$（，设置。targetconater）。Html（targethtml）；
其他{ }
targethtml =；
targethtml =+ +targethtml；
$（体）追加（targethtml）；
}
确定用户是否定义了图像的宽度。
如果（that.setting.imgwidth！= that.setting.imgwidth.indexof（PX）> 0）{
$（+ targetid # ）Css（宽。
}
在显示后实现回调函数
如果（typeof that.setting.aftershow = =功能）{
That.setting.afterShow（，，targetid）；
}
}
This.init（）；
}





更多有关Javaｓｃｒｉｐｔ相关内容的读者可以看到特别站：Javaｓｃｒｉｐｔ切换效果和技巧摘要

希望本文能对javaｓｃｒｉｐｔ程序设计有所帮助。