网页loading加载特效代码

5个月前 (05-22 16:57)阅读回复0
大陆
大陆
  • 管理员
  • 发消息
  • 注册排名1
  • 经验值5294
  • 级别管理员
  • 主题1058
  • 回复2
楼主

经典loading加载特效,在页面上显示已加载时间,可自定义跳转页,根据自己的网站布局来美化加载页面即可。

<script language="JavaScript">
var url = 'https://www.wuming.ren';
</script>
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。">
<title>网页loading加载特效代码_武鸣人</title>
<style type="text/css">
<!--
body {
 background-color: #003366;
}
.proccess{
 border:0px  solid; border-color:#003399; width:2;height:12;background:#ffffff;margin:0
 }
-->
</style></head>
<body onLoad="location.href = url">
<a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。-->
<!--<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>-->
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<div style='margin-top:40;margin-left:40;margin-right:0'>
  <div style='margin-top:-20;margin-left:0;margin-right:0' align="center">
    <form method=post name=proccess>
      <script language=javascript>
   document.write("<br><br><br><br><table cellspacing=0 cellpadding=0  bordercolor='#003333' style='border:double;border-width:1px'><tr bgcolor=#ffffff><td  style='font:9pt Verdana;'>")
  for(i=0;i<60;i++)document.write("<input class=proccess >")
      document.write("</td></tr></table>")
   document.write("<div id='showtime'style='font-size:9pt;color:#ff6600;'></div><br><div align=center style='font-size:9pt;color:#ff9966;'>The Data is processing. Please waiting ...</div><div align=center style='font-size:9pt;color:#ff9966;'>数 据 生 成 中. 请 稍 后 ...</div>")
   </script>
    </form>
  </div>
  <div align="center">
<script language=JavaScript><!--
var elementsA=new Array(0,2,3,5,6,8,9,11,12,14);
var elementsC=new Array('#ffc7a2','#ffb17d','#ffa062','#ff8a3c','#ff6600','#ff6600','#ff8a3c','#ffa062','#ffb17d','#ffc7a2')
setInterval('ChangeColor();',1) ;
setInterval('ChangeTime();',100) ;
var minisecond=0;
var second=0;
function ChangeColor(){
 for(i=0;i<elementsA.length;i++)
  {
  document.forms.proccess.elements[elementsA[i]].style.background='#ffffff';
 }
 for(i=0;i<elementsA.length;i++)
  {
  elementsA[i]=elementsA[i]+1;
  if(elementsA[i]==60){elementsA[i]=0;}
  document.forms.proccess.elements[elementsA[i]].style.background=elementsC[i];
 }//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
 }
 function ChangeTime()
 { minisecond=minisecond+1
  if (minisecond==10)
 {minisecond=0;
  second=second+1;}
  document.all("showtime").innerHTML=second+"."+minisecond+" seconds";
 }//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
--></script>
  </div>
</div>
<div align="center">
<script language="javascript">
if (document.layers)
  document.write('<Layer src="' + url + ' " VISIBILITY="hide"> </Layer>');
else if (document.all || document.getElementById)
  document.write('<iframe src="' + url + '" style="visibility: hidden;"></iframe>');
else location.href = url;
</script>
</div>
</body>


0
0
收藏0

本文来自武鸣人网站,转载请注明出处

本文地址:https://www.wuming.ren/a/1047.html

回帖

网页loading加载特效代码 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息