知识大全 Javascript 遮罩层和加载效果

Posted 2022-07-20 知

篇首语：生活不是上帝的诗篇，而是凡人的欢笑和眼泪。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 Javascript 遮罩层和加载效果相关的知识，希望对你有一定的参考价值。

Javascript 遮罩层和加载效果 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　//loading function showLoad(tipInfo) var iWidth = ; //弹出窗口的宽度; var iHeight = ; //弹出窗口的高度; var scrolltop = ; var scrollleft = ; var cheight = ; var cwidth = ; var eTip = document createElement( div ); eTip setAttribute( id tipDiv ); eTip style position = absolute ; eTip style display = none ; eTip style border = solid px #D D D ; eTip style backgroundColor = # B D ; eTip style padding = px px ;

　　if(document body scrollTop)//这是一个js的兼容 scrollleft=document body scrollLeft; scrolltop=document body scrollTop; cheight=document body clientHeight; cwidth=document body clientWidth; else scrollleft=document documentElement scrollLeft; scrolltop=document documentElement scrollTop; cheight=document documentElement clientHeight; cwidth=document documentElement clientWidth; iHeight = eTip offsetHeight; var v_left=(cwidth iWidth)/ + scrollleft; // var v_top=(cheight iHeight)/ + scrolltop; eTip style left = v_left + px ; eTip style top = v_top + px ;

　　eTip innerHTML = <img src= Images/loading gif style= float:left; />　<span style= color:#ffffff; font size: px > + tipInfo + </span> ; try document body appendChild(eTip); catch (e) $("#tipDiv") css("float" "right"); $("#tipDiv") css("z index" " "); $( #tipDiv ) show(); ShowMark();

　　function closeLoad() $( #tipDiv ) hide(); HideMark();

　　 //显示蒙灰层 function ShowMark() var xp_mark = document getElementById("xp_mark"); if (xp_mark != null) //设置DIV xp_mark style left = + "px"; xp_mark style top = + "px"; xp_mark style position = "absolute"; xp_mark style backgroundColor = "# "; xp_mark style zIndex = " "; if (document all) xp_mark style filter = "alpha(opacity= )"; var Ie_ver = navigator["appVersion"] substr( ); if (Ie_ver == || Ie_ver == ) hideSelectBoxes(); else xp_mark style opacity = " "; xp_mark style width = " %"; xp_mark style height = " %"; xp_mark style display = "block"; else //页面添加div explainDiv 注意必须是紧跟body 内的第一个元素否则IE 不正常 $("body") prepend("<div id= xp_mark style= display:none; ></div>"); ShowMark(); //继续回调自己

cha138/Article/program/Java/JSP/201311/20127