4.1结组作业-526互联

画了页面
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>YY语音</title>
    <link rel="stylesheet" href="style.css">
    <script type="text/jscript">
        function showLocale(objD) {
           var str, colorhead, colorfoot;
           var yy = objD.getYear();
           if (yy < 1900)
              yy = yy + 1900;
           var MM = objD.getMonth() + 1;
           if (MM < 10)
              MM = '0' + MM;
           var dd = objD.getDate();
           if (dd < 10)
              dd = '0' + dd;
           var hh = objD.getHours();
           if (hh < 10)
              hh = '0' + hh;
           var mm = objD.getMinutes();
           if (mm < 10)
              mm = '0' + mm;
           var ss = objD.getSeconds();
           if (ss < 10)
              ss = '0' + ss;
           var ww = objD.getDay();
           colorhead = "<font color=\"#000000\">";
           if (ww == 0)
              ww = "星期日";
           if (ww == 1)
              ww = "星期一";
           if (ww == 2)
              ww = "星期二";
           if (ww == 3)
              ww = "星期三";
           if (ww == 4)
              ww = "星期四";
           if (ww == 5)
              ww = "星期五";
           if (ww == 6)
              ww = "星期六";
           colorfoot = "</font>"
           str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm
                 + ":" + ss + "  " + ww + colorfoot;
           return (str);
        }

        function tick() {
           var today;
           today = new Date();
           document.getElementById("localtime").innerHTML = showLocale(today);
           window.setTimeout("tick()", 1000);
        }
        window.onload = function() {
           tick();
        }
        function showTab(tabHeadId,tabContentId)
        {

            var tabDiv = document.getElementById("tabDiv");
          var taContents = tabDiv.childNodes;
          for(i=0; i<taContents.length; i++)
          {

                if(taContents[i].id!=null && taContents[i].id != 'tabsHead')
             {
                 taContents[i].style.display = 'none';
             }
            }
           document.getElementById('tabContent1').style.display='none';
            document.getElementById('tabContent2').style.display='none';


            document.getElementById(tabContentId).style.display = 'block';

            var tabHeads = document.getElementById('tabsHead').getElementsByTagName('a');
            for(i=0; i<tabHeads.length; i++)
            {

                tabHeads[i].className='tabs';
            }

            document.getElementById(tabHeadId).className='curtab';
            document.getElementById(tabHeadId).blur();
        }

</script>
</head>
<body>
<div style="width: 100%; font-family: 微软雅黑; text-align: center; font-size: 20pt; color:#fff;">语音识别系统</div><br/>
<div id="localtime" style="text-align: center;"></div>
<div id="tabDiv" style="width: 1000px">
    <div id="tabsHead">
        <a id="tabs1" class="curtab" href="javascript:showTab('tabs1','tabContent1')">识别本地录音</a>
        <a id="tabs2" class="tabs" href="javascript:showTab('tabs2','tabContent2')">识别现场录音</a>
    </div>
    <div id="tabContent1" style="display: block">
        <form>
            请选择语言：<select><option>汉语</option><option>英语</option></select><br>
            <button>点击上传文件</button><br>
            <button>识别</button><br>
        </form>

    </div>
    <div id="tabContent2" style="display: none">
        <form>
            请选择语言：<select><option>汉语</option><option>英语</option></select><br>
            <button>点击录音</button><br>
            <button>识别</button><br>
        </form>

    </div>
</div>
</body>
</html>