zoukankan      html  css  js  c++  java
  • 带进度条的自动跳转页面代码

    ?<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>正在进入西农大网站</title>
    </head>
    <body>
    <form name=loading>
      <p align=center> <font color="#0066ff" size="2">正在进入,请稍等</font><font color="#0066ff" size="2" face="Arial">...</font>
      <input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">
      <input type=text name=percent size=47 style="color:#0066ff; text-align:center; border-medium; border-style:none;">
     </p>
    </form><p align="center">
    测试:html网页自动跳转代码<br/>
    你可以在这里写下你想的一切东西!<br />
    如:西北农林科技大学是一所985、211院校。<br /><br />
    如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://www.mycodes.net">

    <font color="#FF0000">请点这里</font></a>.</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 = 'https://www.baidu.com/'} 
    }
    </script>
    </body>
    </html>

  • 相关阅读:
    html中嵌入天气预报
    linux简单命令
    正则表达式基本语法
    jquery表单验证
    yaf函数方法及使用
    php函数
    yaf框架的特点
    mysql数据库
    php连数据库
    xml基础知识
  • 原文地址:https://www.cnblogs.com/yangmengsheng/p/5914832.html
Copyright © 2011-2022 走看看