主页载入过度效果二_另类网页特效

·网页特效库 ·网页工具库

背景按钮

导航特效

< 后退 | 收藏网页特效库

推荐网页特效

推荐网页工具

您的位置：网页特效库 >> 另类网页特效 >> 主页载入过度效果二	查看此特效演示

主页载入过度效果二

把如下代码复制到<head>与</head>之间

把如下代码复制到<body>与</body>之间

<TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="750">
  <TBODY> 
  <TR>
    <FORM name=loading>
      <TD align=middle> 
        <P> 欢迎访问网页特效库！http://www.butong.net</P>
        <P>
          <INPUT name=chart size=46 
      style="BACKGROUND-COLOR: white; BORDER-BOTTOM-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; COLOR: #ff897c; FONT-FAMILY: Arial; FONT-WEIGHT: bolder; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px">
          <BR>
          <INPUT name=percent size=46 
      style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-RIGHT: medium none; BORDER-TOP: medium none; COLOR: gray; FONT-FAMILY: Arial; TEXT-ALIGN: center">
        </P>
      <P>
      <SCRIPT>var bar = 0 
var line = "||" 
var amount ="||" 
count() 
function count(){ 
bar= bar+2 
amount =amount + line 
document.loading.chart.value=amount 
document.loading.percent.value=bar+"%" 
if (bar<99) 
{setTimeout("count()",100);} 
else 
{window.location = "http://www.butong.net";} 
}
</SCRIPT>

</TD>
    </FORM></TR></TBODY></TABLE>

使用说明：代码中的"<P>欢迎访问网页特效库! http://www.butong.net</P>"是在主页过度是显示的文字，代码后面的"window.location"的值是你要打开的网页地址。

上一个特效：好就一个字!优美提示栏

返回列表

下一个特效：主页载入过度效果一