0顶

按百分比显示网页载入页面

稿源：互联网 2022-08-11 22:42:00 点击： 175 撤稿纠错

以百分比形式显示载入页面，阿里西西网页特效收集。

以下讨论的是和百分比载入特效相关的按百分比显示网页载入页面教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="http://free.alixixi.com">
<script language="javascript">
  function setSB(v, el) {
    var ie5 = (document.all && document.getElementsByTagName);
    if (ie5 || document.readyState == "complete")     {
      filterEl = el.children[0];
      valueEl = el.children[1];
      filterEl.style.width = v + "%";
      valueEl.innerText = v + "%";
    }
  }
  function fakeProgress(v, el) {
    if (v > 100)
      location.href = "http://free.alixixi.com";
    else     {
      setSB(v, el);
      window.setTimeout("fakeProgress(" + (++v) + ", document.all['" + el.id + "'])", 20);
    }
  } 
</script> 
</head>

<body onload="fakeProgress(0, sb)" topmargin=180 bgcolor=#eeeeee>
<center> 
<font color=gray> <p align=center style="color: #0085dd; font-family: 宋体; font-szie:12px; line-height: 100%">http://free.alixixi.com载入中，请稍侯．．．</p></font>
<span id=sb style="width: 300px">
<div style="filter: Alpha(Opacity=0, FinishOpacity=60, style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); width: 0%; height: 12px; position: absolute; background: #9999ff"></div>
<div style="font-size: 12px; width: 100%; color: #ff3333; font-family: arial; text-align: center"></DIV>
</span>

</center>

</body> 
</html>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于按百分比显示网页载入页面的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071596340.shtml方便下次再访问哦。

·上一篇： 倒计时载入页面
·下一篇： 按钮打开窗口效果

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

按百分比显示网页载入页面

文章分类LIST >>返回首页

最新游戏

最新新闻