最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

模拟实现ajax加载框_html/css

来源:动视网 责编:小采 时间:2020-11-27 15:56:30
文档

模拟实现ajax加载框_html/css

模拟实现ajax加载框_html/css_WEB-ITnose:function loading(p_value,str) { if (p_value) { if (!document.getElementById(load_area)) { var para1 = document.createElement(span); var node=document.createTextNode(str); para1.appendChild(node); var para=document.createElement(div);
推荐度:
导读模拟实现ajax加载框_html/css_WEB-ITnose:function loading(p_value,str) { if (p_value) { if (!document.getElementById(load_area)) { var para1 = document.createElement(span); var node=document.createTextNode(str); para1.appendChild(node); var para=document.createElement(div);


function loading(p_value,str)
{
if (p_value)
{
if (!document.getElementById("load_area"))
{
var para1 = document.createElement("span");
var node=document.createTextNode(str);
para1.appendChild(node);
var para=document.createElement("div");
para.id="load_area";
var top=document.body.scrollTop+document.documentElement.scrollTop;//获取页面中的实际高度
top_position = top+157 + "px";
para.style.top =top_position;
icon.style.cssText += ";vertical-align:middle;padding-right:4px;margin-top:-2px;"
para.style.cssText +=
";position:absolute;left:50%;width:140px;margin-left:-70px;height:50px;line-height:50px;font-size:18px;text-overflow:ellipsis;overflow:hidden; white-space:nowrap;text-align:center;background-color: #000;border-radius:2px;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.5);color:#eee;";

var icon = new Image();
icon.src="images/loading1.gif";//这里用实际路径替换
document.body.appendChild(para);

para.appendChild(icon);

para.appendChild(para1);

}
else
{
document.getElementById("load_area").style.display="block";
}
}
else
{
document.getElementById("load_area").style.display="none";
}
}

调用方法:loading(true,"加载中..."); loading(false)

文档

模拟实现ajax加载框_html/css

模拟实现ajax加载框_html/css_WEB-ITnose:function loading(p_value,str) { if (p_value) { if (!document.getElementById(load_area)) { var para1 = document.createElement(span); var node=document.createTextNode(str); para1.appendChild(node); var para=document.createElement(div);
推荐度:
标签: 加载 实现 html
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top