5ucms培训,真正的用JS 做的 loading_无忧仿站培训学院,站群模板制作培训,无忧站长学院,5ucms站长学院Q3876307

·加入收藏 ·帮助手册 ·5ucms论坛

邮件订阅

无忧仿站培训学院 > 网页制作基础 > Javascript > 正文

5ucms培训,真正的用JS 做的 loading

作者：来源：日期：2015/10/8 19:04:25 浏览量：48(滞后) 人气：LOADING...(实时) 【大中小】

这个loading 需要2个页面的的支持,还可以为一个站点的所有html设置这个loading程序



<html><head>
<meta http-equiv="C>
<title>您正在访问 http://m9m.nease 的网站......</title>
</head>
<frameset rows="0,*" name=frm border=0>
<frame src=http://www.dedecms.com/web-art/htmlbase/Javascript/20040731/about:about name=t border=0>
<frame src=http://www.dedecms.com/web-art/htmlbase/Javascript/20040731/loading.htm name=d border=0>
</frameset>
<noframes><body>
您的浏览器不支持frames......
</body></noframes></html>




<html>
<head>
<meta http-equiv="C>
<SCRIPT src=http://www.dedecms.com/web-art/htmlbase/Javascript/20040731/to.js>
</SCRIPT>
<body>
<SCRIPT>
showdiv();
wturl("i.html"); // 您的网站的真正 index.htm
</SCRIPT></body></html>




document.write(''<STYLE type="text/css">.btn {BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #c0c0c0 1px solid; CURSOR: default; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: #c0c0c0}\
.btu { BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 1px; FLOAT: n width=" + wd + "><tr><TD align=center class=btn onmouseup=\"javascript:this.className=''btu''\" onmousedown=\"javascript:this.className=''btd''\" onmouseover=\"javascript:this.className=''btu''\" style=\"FONT-SIZE:12px;TEXT-DECORATION:none\" onclick=\"javascript:this.className=''btd'';" + strTmp + "\" onmouseout=\"javascript:this.className=''btn''\">" + ButtonValue + "</TD></tr></table>");
}

function wtdiv()
{
document.write("<div id=stdiv style=''position:absolute; width:350px; height:115px; z-index:1; left: 30%; top: 35%;visibility: hidden;''><table width=100% height=100% border=1 bordercolor=#000000 bordercolordark=#ffffff cellspacing=0 cellpadding=0><tr><td height=22 bgcolor=#bbbbbb><SCRIPT>WriteButton(\"\", \"欢迎您<span id=ipn></span>访问我的计算机....\", \"http://m9m.nease\", \"100%\");</SCRIPT></td></tr><tr><td align=center bgcolor=#CCCCCC><br>系统正在运行中，请耐心等待.<br>等待时间：<font color=red><span id=wtime></span></font>秒</td></tr></table></div>");
}
wtdiv();

function openwin()
{
if(self == window.parent.frames[''t''] && top.parent.frm)
top.parent.frm.rows = ''*,0'';
else if(top.parent.frm) top.parent.frm.rows = ''0,*'';
}

var wt = 0, n = 0;
function countwt()
{
   if (wt)
     clearTimeout(wt);
   wtime.innerHTML = "" + n++ ;
   wt = setTimeout("countwt();", 1000);
}

function showdiv()
{
        openwin();
document.getElementById("stdiv").style.visibility = "visible";
        countwt();
}
openwin();




if(self != window.parent.frames[''t''] && window.parent.frames[''t''])
    window.parent.frames[''t''].showdiv();
else if(self == window.parent.frames[''d''] && window.parent.frames[''d''])
    window.parent.frames[''d''].showdiv();

最后的说明
在您的i.htm,也就是您的真正的index.htm首页里加入如下代码就可以
<body>后加
<script src=http://www.dedecms.com/web-art/htmlbase/Javascript/20040731/h.js>
</body>前加入
<script src=http://www.dedecms.com/web-art/htmlbase/Javascript/20040731/to.js>
就可以了

不明白的可以访问我的网站 http://m9m.nease 或来信和我交流
QQ: 11602011

选择5ucms.org 选择未来

本站推荐： 5ucms模板下载 5ucms插件下载 仿站联系Q3876307 [复制给好友] [打印] [关闭] [返回] [顶部]

3 很有用	上一篇：5ucms培训,Vml:应用阿基米德算法在网页制作动画,原程+注释下一篇：5ucms插件,搜索gb2312汉字在网上的频率

本站声明：本网站所载文章等内容，目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题，请在30日内与本网联系（Email：3876307#qq.com），我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms培训,真正的用JS 做的 loading的关键词:

评论信息