ajax加载框实例的javaｓｃｒｉｐｔ仿真实现

本文介绍了javaｓｃｒｉｐｔ仿真的ajax加载框方法，供大家共享参考。具体方法如下：

复制代码如下：函数加载（p_value，STR）

{

如果（p_value）

{

如果（！document.getelementbyid（load_area ））

{

var ParA1 = document.createelement（跨）；

var node = document.createtextnode（STR）；

para1.appendchild（节点）；

VaR对= document.createelement（div）；

Para。id =load_area ；

var =文件。身体。scrollTop + document.documentelement.scrolltop； / /获得页面的实际高度

top_position =顶+ 157 +PX；

para.style.top = top_position；

icon.style.csstext =垂直对齐：中部；填充右：4px；边距：- 2px；；

= para.style.csstext

位置：；绝对；左：50%；宽度：140px；margin-left: - 70px；身高：50px；线高度：50px；字体大小：18px；文本溢出：省略；溢出：隐藏；空格：nowrap；文本对齐：中心；背景颜色：# 2px边界半径：000；Webkit框阴影：0；2px 2px RGBA（0,0,0,0.5）；颜色：# EEE；；

var图标=新图像（）；

图标。src=图像/ Loading1 .gif； / /与实际路径来代替这里

document.body.appendchild（对）；

para.appendchild（图标）；

para.appendchild（们）；

}

其他的

{

document.getelementbyid（load_area）。风格。显示为块；

}

}

其他的

{

document.getelementbyid（load_area）。风格。显示为无；

}

}

调用方法如下：复制代码代码如下：加载（true，加载……）；加载（false）

希望这篇文章能帮助您设计Web前端程序。